也谈layout_gravity和gravity的用法

ゝ一纸荒年。 2022-08-12 00:24 51阅读 0赞

相信对于Android的初学者来说，大家都曾经被layout里这两个极其相似的属性迷惑过。

简单使用一下搜索工具，我们就不难找到下面这样的答案：

> layout\_gravity 表示组件自身在父组件中的位置   
> gravity             表示组件的子组件在组件中的位置

看似很简单嘛~)

貌似大伙瞅一眼就明白了。今天我要说的就是这貌似瞅一眼就明白的道理。   
为什么这么简单的道理，总有同学会发现，在“某些时候”，layout\_gravity这个属性不好使了，失去了它应有的作用。

于是同学们又开始使用搜索工具，一边还不停的骂：Google做的这个layout真他妈的不好使！   
下面我们就网上找来的一个例子来简单描述一种layout\_gravity失效的情况。

1.  <?xml version="1.0" encoding="utf-8"?>
2.  <!-- android:gravity设置了按钮上面的文字的显示位置，而android:layout\_gravity设置了按钮在布局中的显示位置。 –>
3.  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
4.          android:orientation="vertical"
5.          android:layout\_width="fill\_parent"
6.          android:layout\_height="wrap\_content">
7.          <Button android:layout\_width="250dip"
8.                  android:gravity="right"
9.                  android:layout\_height="wrap\_content"
10.                 android:text="我居右显示"
11.                 android:layout\_gravity="right" />;
12. </LinearLayout>

*复制代码*

这段代码的展现效果如下：!

![2012052115420880.png][]

然后我们再看下面这段代码：

1.  <?xml version="1.0" encoding="utf-8"?>
2.  <!-- android:gravity设置了按钮上面的文字的显示位置，而android:layout\_gravity设置了按钮在布局中的显示位置。 –>
3.  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
4.          android:layout\_width="fill\_parent"
5.          android:layout\_height="wrap\_content">
6.          <Button android:layout\_width="250dip"
7.                  android:gravity="right"
8.                  android:layout\_height="wrap\_content"
9.                  android:text="我居右显示"
10.                 android:layout\_gravity="right" />
11. </LinearLayout>

*复制代码*

这段代码我们一样设置了android:layout\_gravity="right"，但是它的展现效果却是下面这样的：

![2012052115424686.png][]

于是我们前面所说的情况就发生了，“Google做的这个layout真他妈的不好使！”

问题究竟出在哪里了呢？   
细心一点的同学就会发现，下面的这段代码，最外层的LinearLayout少了这样一个属性：android![shocked.gif][]rientation="vertical"   
不错，正是缺少了这个属性才导致了android:layout\_gravity="right"的失效。   
因为LinearLayout默认的是：android![shocked.gif][]rientation="horizontal" "

也就是说，只有在作为父layout的LinearLayout是android![shocked.gif][]rientation="vertical" 的时候，android:layout\_gravity="right"才会生效。

到这里本次“讲座”可以结束了吗？ No！

看完上面的内容，有同学也许还会发现，当外层的LinearLayout为android![shocked.gif][]rientation="vertical" 的时候，android:layout\_gravity="bottom"失效了

看到这里相信大家都明白了

下面我们还需要做一个简单的总结：   
当作为父layout的LinearLayout的属性为android![shocked.gif][]rientation="vertical" 的时候，android:layout\_gravity="？"这里设为横向的时候才能生效。比如：left，right，center\_horizontal等

当作为父layout的LinearLayout的属性为android![shocked.gif][]rientation="horizental" 的时候，android:layout\_gravity="？"这里设为纵向的时候才能生效。比如：top，bottom，center\_vertical等；

有一个比较特殊的是center，不管是横向还是纵向的时候，它总有一个方向起作用![smile.gif][]

另外有几个别急面生的：fill\_vertical，fill\_horizontal，fill，clip\_vertical，clip\_horizontal   
这几个以前没留意过，莫非是新版本的SDK中，新引进的？分散对齐？很迷惑。   
有用过的同学还请不吝赐教一下![smile.gif][]

[2012052115420880.png]: /images/20220810/ca361468ed0b43d9a2aa50b3e410b139.png
[2012052115424686.png]: /images/20220810/1d3ad07de7dd4889b919c8e57e81fa65.png
[shocked.gif]: /images/20220810/5a59e73be33340a8a0d4efa4ea408fa0.png
[smile.gif]: /images/20220810/d4bfc3efca7f4b3b90cff4a71c67c081.png