在學習Android布局的過程中,我經常會混淆
android:gravity
和android:layout_gravity
這兩個屬性,因為它們就差一點點而已。因此,特以此文記錄一下關于這兩者的知識點。
簡單的說法
-
android:gravity
:view里面的內容在這個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>
顯示這樣內容:
然后,不求甚解的人就會以為自己懂了。
但一個正常的App界面,怎么會只有一個控件?
我們需要了解的是,這兩個屬性在“控件與控件”、“控件與布局”、
“(控件+控件+……)與布局”之間,各種組合情況下會產生怎樣的效果。
只有了解并且上機體驗過,才能知道它倆怎么去用。
關心一下它倆從哪里來的
我在官網以這兩個搜了一下,看得都暈了,
還是沒太弄清楚怎么回事,先記下來:
-
android:gravity
:搜到Gravity這個類,里面有這些方位的靜態常量 -
android:layout_gravity
:是LinearLayout.LayoutParams
這個靜態類的屬性
因為觀察那幾種布局和它們的.LayoutParams
的XML屬性欄目,
android:layout_gravity
在布局.LayoutParams
的XML屬性欄目,
而android:gravity
是直接在布局類的XML屬性欄目。
這里估計跟“自定義View”那部分內容有點關系,看這里。
好像繞得有點遠了,這些暫時不用深究吧。
其實關鍵還是“android:layout_gravity”屬性
例如一個按鈕,里面的內容因為已經限制在一個框框里面了,
那么android:gravity
一般也就是往中間發散的九個方向放了。
而android:layout_gravity
因為涉及到布局與控件各種相互關系,
因此設置之前,要仔細考慮才行。
那么平時用的,也就是LinearLayout
、RelativeLayout
、FrameLayout
三種,
把上面那個“簡單的做法”的LinearLayout
替換為其它兩個,
就是發現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
設為top
、center
、bottom
、center_vertical
才有意義; - 對于
vertical
的LinearLayout,把android:layout_gravity
設為left
、center
、right
、center_horizontal
才有意義; -
RelativeLayout
對android:layout_gravity
不起作用 -
center
已經包含了center_vertical
和center_horizontal
兩種意義了,用的時候不要忘了
參考資料
1.Android中gravity與layout_gravity的區別
2.Android android:gravity屬性介紹及效果圖
3.在程序中設置android:gravity 和 android:layout_Gravity屬性
4.【推薦】android:layout_gravity和android:gravity的區別
5.【推薦】LinearLayout gravity and layout_gravity explained