在学习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