快捷導(dǎo)航

Android App中使用LinearLayout進(jìn)行居中布局的實例講解

更新時間：2016年04月13日 15:13:04 作者：linux1s1s

這篇文章主要介紹了Android App中使用LinearLayout進(jìn)行居中布局的實例講解,文中分別介紹了水平居中和垂直居中的相關(guān)線性布局,需要的朋友可以參考下

要想讓您的控件水平居中或垂直居中其實很簡單，只要在控件的上一級中設(shè)置【android:gravity="center"】屬性即可
如：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:gravity="center"
  android:background="#000000"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >
  <ImageView
  android:id="@+id/logo"
  android:src="@drawable/logo"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  />
</LinearLayout>

這樣一個ImageView控件就乖乖的待在你選定區(qū)域的正中間了。 gravity的屬性值還有很多，可以單獨設(shè)置水平或垂直居中。大家可以查看相應(yīng)的文檔，或使用Eclipse的提示功能快速查看。

我們來看一個實例，如果你想實現(xiàn)這樣的布局，兩個按鈕居中，該怎樣做？

2016413150749150.jpg (386×727)

比較容易實現(xiàn)的是LinearLayout布局，當(dāng)然如果換成RelativeLayout同樣也可以實現(xiàn)。
這里簡單說一下用RelativeLayout布局如何實現(xiàn)，首先需找中心點，然后以這個中心點為參照物即可實現(xiàn)。接下來看一下更容易實現(xiàn)的LinearLayout布局的實現(xiàn)。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:orientation="vertical"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:gravity="center">
  <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/start_server"
      android:text="Start" />
  <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/stop_server"
      android:text="Stop" />
</LinearLayout>

如果現(xiàn)在需求改變了，中間只需要一個Button即可，那么實現(xiàn)起來很簡單，只需要將上面的其中一個Button標(biāo)簽刪除即可，但是有些人這么去實現(xiàn)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:orientation="vertical"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
  <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/start_server"
      android:layout_gravity="center"
      android:text="Start" />
</LinearLayout>

這么實現(xiàn)顯然不能居中，雖然在Button標(biāo)簽指定了android:layout_gravity="center"但是貌似布局不領(lǐng)情，為啥？
原因很簡單，LinearLayout只能有一個方向，要么Vertical，要么Horizontal，完全不會領(lǐng)layout_gravity這個屬性的情，所以上面的實現(xiàn)只有這么一個結(jié)果

2016413150836754.jpg (374×720)

如果改成水平方向的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:orientation="horizontal"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
  <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/start_server"
      android:layout_gravity="center"
      android:text="Start" />
</LinearLayout>

會變成這樣的結(jié)果

2016413150854909.jpg (370×723)

按照上面的理論也就能想通了，所以android:layout_gravity="center"這個屬性雖然LinearLayout也具有，但是卻虛晃一槍，真正其作用的還是其本身的屬性android:gravity="center"，當(dāng)然如果想一探究竟，為啥不起作用，可以從LinearLayout這個布局的源代碼看起，這里不再贅述。

您可能感興趣的文章: