在學(xué)習(xí)Android布局的過程中,我經(jīng)常會混淆
android:gravity和android:layout_gravity這兩個屬性,因?yàn)樗鼈兙筒钜稽c(diǎn)點(diǎn)而已。因此,特以此文記錄一下關(guān)于這兩者的知識點(diǎn)。
簡單的說法
-
android:gravity:view里面的內(nèi)容在這個view中的位置 -
android:layout_gravity:這個view相對于它父view的位置
簡單的做法
在某個Activity的xml布局文件,寫上下面的代碼:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:gravity="left"
android:text="Text" />
</LinearLayout>
顯示這樣內(nèi)容:

然后,不求甚解的人就會以為自己懂了。
但一個正常的App界面,怎么會只有一個控件?
我們需要了解的是,這兩個屬性在“控件與控件”、“控件與布局”、
“(控件+控件+……)與布局”之間,各種組合情況下會產(chǎn)生怎樣的效果。
只有了解并且上機(jī)體驗(yàn)過,才能知道它倆怎么去用。
關(guān)心一下它倆從哪里來的
我在官網(wǎng)以這兩個搜了一下,看得都暈了,
還是沒太弄清楚怎么回事,先記下來:
-
android:gravity:搜到Gravity這個類,里面有這些方位的靜態(tài)常量 -
android:layout_gravity:是LinearLayout.LayoutParams這個靜態(tài)類的屬性
因?yàn)橛^察那幾種布局和它們的.LayoutParams的XML屬性欄目,
android:layout_gravity在布局.LayoutParams的XML屬性欄目,
而android:gravity是直接在布局類的XML屬性欄目。
這里估計(jì)跟“自定義View”那部分內(nèi)容有點(diǎn)關(guān)系,看這里。
好像繞得有點(diǎn)遠(yuǎn)了,這些暫時不用深究吧。
其實(shí)關(guān)鍵還是“android:layout_gravity”屬性
例如一個按鈕,里面的內(nèi)容因?yàn)橐呀?jīng)限制在一個框框里面了,
那么android:gravity一般也就是往中間發(fā)散的九個方向放了。
而android:layout_gravity因?yàn)樯婕暗讲季峙c控件各種相互關(guān)系,
因此設(shè)置之前,要仔細(xì)考慮才行。
那么平時用的,也就是LinearLayout、RelativeLayout、FrameLayout三種,
把上面那個“簡單的做法”的LinearLayout替換為其它兩個,
就是發(fā)現(xiàn)RelativeLayout對android:layout_gravity不起作用。
查資料也是,LinearLayout和FrameLayout支持android:layout_gravity。
“android:layout_gravity”屬性怎么用
這里只以LinearLayout為例,參考《LinearLayout gravity and layout_gravity explained》這篇文章。雖然是好久以前的文章,但真的很有用。
先是代碼:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#666666"
android:orientation="vertical">
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="2dip"
android:text="Linear Layout - horizontal, gravity=center"
android:textColor="#FFFFFF" />
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="0dip"
android:layout_weight="1"
android:background="#EEEEEE"
android:gravity="center"
android:orientation="horizontal">
<Button
android:id="@+id/Button01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="top"
android:text="top"></Button>
<Button
android:id="@+id/Button02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="center"></Button>
<Button
android:id="@+id/Button03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:text="bottom"></Button>
</LinearLayout>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="2dip"
android:text="Linear Layout - vertical, gravity=center"
android:textColor="#FFFFFF" />
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="0dip"
android:layout_weight="1"
android:background="#DDDDDD"
android:gravity="center"
android:orientation="vertical">
<Button
android:id="@+id/Button04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="left"
android:text="left"></Button>
<Button
android:id="@+id/Button05"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="center"></Button>
<Button
android:id="@+id/Button06"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:text="right"></Button>
</LinearLayout>
</LinearLayout>
顯示出來是這個樣子:

記住這些
- 對于
horizontal的LinearLayout,把android:layout_gravity設(shè)為top、center、bottom、center_vertical才有意義; - 對于
vertical的LinearLayout,把android:layout_gravity設(shè)為left、center、right、center_horizontal才有意義; -
RelativeLayout對android:layout_gravity不起作用 -
center已經(jīng)包含了center_vertical和center_horizontal兩種意義了,用的時候不要忘了
參考資料
1.Android中g(shù)ravity與layout_gravity的區(qū)別
2.Android android:gravity屬性介紹及效果圖
3.在程序中設(shè)置android:gravity 和 android:layout_Gravity屬性
4.【推薦】android:layout_gravity和android:gravity的區(qū)別
5.【推薦】LinearLayout gravity and layout_gravity explained