【Android】“android:gravity”和“android:layout_gravity”屬性解釋

在學(xué)習(xí)Android布局的過程中,我經(jīng)常會混淆android:gravityandroid: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、RelativeLayoutFrameLayout三種,
把上面那個“簡單的做法”的LinearLayout替換為其它兩個,
就是發(fā)現(xiàn)RelativeLayoutandroid:layout_gravity不起作用。
查資料也是,LinearLayoutFrameLayout支持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才有意義;
  • RelativeLayoutandroid:layout_gravity不起作用
  • center已經(jīng)包含了center_verticalcenter_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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容