android:layout_gravity 和 android:gravity 的区别

╰+哭是因爲堅強的太久メ 2022-07-12 07:09 172阅读 0赞

1.首先来看看[Android][]:layout\_gravity和[Android][Android 1]:gravity的使用区别。

android:gravity：

这个是针对控件里的元素来说的，用来控制元素在该控件里的显示位置。例如，在一个Button按钮控件中设置如下两个属性，

android:gravity="left"和android:text="提交"，这时Button上的文字“提交”将会位于Button的左部。

android:layout\_gravity：

这个是针对控件本身而言，用来控制该控件在包含该控件的父控件中的位置。同样，当我们在Button按钮控件中设置android:layout\_gravity="left"属性时，表示该Button按钮将位于界面的左部。

2.属性值：

这两个属性可选的值有：top、bottom、left、right、center\_vertical、fill\_vertical、center\_horizontal、fill\_horizontal、center、fill、clip\_vertical。

一个属性可以包含多个值，需用“|”分开。其含义如下：

<table style="widows:1; font-size:15px; margin:0px auto; border:1px solid rgb(192,192,192); border-collapse:collapse; color:rgb(0,0,0); font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; line-height:19px"> 
 <tbody> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> top</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 将对象放在其容器的顶部，不改变其大小.</td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> bottom</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 将对象放在其容器的底部，不改变其大小.</td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> left</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 将对象放在其容器的左侧，不改变其大小.</td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> right</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 将对象放在其容器的右侧，不改变其大小.</td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> center_vertical</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 将对象纵向居中，不改变其大小.&nbsp; 垂直对齐方式：垂直方向上居中对齐。</td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> fill_vertical</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 必要的时候增加对象的纵向大小，以完全充满其容器.&nbsp; 垂直方向填充</td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> center_horizontal</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 将对象横向居中，不改变其大小.&nbsp; 水平对齐方式：水平方向上居中对齐</td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> fill_horizontal</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 必要的时候增加对象的横向大小，以完全充满其容器.&nbsp; 水平方向填充</td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> center</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 将对象横纵居中，不改变其大小.</td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> fill</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 必要的时候增加对象的横纵向大小，以完全充满其容器.</td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> clip_vertical</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 附加选项，用于按照容器的边来剪切对象的顶部和/或底部的内容. 剪切基于其纵向对齐设置：顶部对齐时，剪切底部；底部对齐时剪切顶部；除此之外剪切顶部和底部. 垂直方向裁剪 </td> 
 </tr> 
 <tr> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> clip_horizontal</td> 
 <td style="border:1px solid rgb(192,192,192); border-collapse:collapse; padding:3px; word-break:normal!important"> 附加选项，用于按照容器的边来剪切对象的左侧和/或右侧的内容. 剪切基于其横向对齐设置：左侧对齐时，剪切右侧；右侧对齐时剪切左侧；除此之外剪切左侧和右侧. 水平方向裁剪 </td> 
 </tr> 
 </tbody> 
</table>

我们主要来看看 center\_vertical和center\_horizontal两个属性值，center\_vertical是指将对象在垂直方向上居中对齐，即在从上到下的方向上选择中间的位置放好；center\_horizontal是指将对象水平方向上居中对齐，即在从左到右的方向上选择中间的位置放好。

3.特殊情况

当我们采用LinearLayout布局时，有以下特殊情况需要我们注意：

(1)当 android:orientation="vertical"  时， android:layout\_gravity只有水平方向的设置才起作用，垂直方向的设置不起作用。即：left，right，center\_horizontal 是生效的。

(2)当 android:orientation="horizontal" 时， android:layout\_gravity只有垂直方向的设置才起作用，水平方向的设置不起作用。即：top，bottom，center\_vertical 是生效的。

下面以一个例子说明：（本例来源于：[http://blog.csdn.net/dekunchenivan/article/details/6718678][http_blog.csdn.net_dekunchenivan_article_details_6718678]）

1. **<?****xml** version="1.0" encoding="utf-8"**?>**  
2. **<****LinearLayout** xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout\_width="fill\_parent"  
5.     android:layout\_height="fill\_parent"  
6.     **>**  
7.     **<****TextView**    
8.         android:layout\_width="100dip"   
9.         android:layout\_height="100dip"  
10.         android:layout\_gravity="bottom|center\_horizontal"  
11.         android:gravity="center|bottom"  
12.         android:background="\#00FF00"  
13.         android:text="@string/textview"  
14.         **/>**  
15.   
16.     **<****Button**  
17.         android:layout\_width="100dip"  
18.         android:layout\_height="100dip"  
19.         android:layout\_gravity="bottom|left"  
20.         android:gravity="left|top"  
21.         android:background="\#FF0000"  
22.         android:text="@string/button"  
23.         **/>**  
24. **</****LinearLayout****>**

其效果如图：

![0_1314261578HHPx.gif][]

在TextView中，我们设置了android:layout\_gravity="bottom|center\_horizontal"  ，但该TextView并没有显示在屏幕的下方正中央，表明只有center\_horizontal属性起了作用，这正是因为我们使用了LinearLayout布局，并且其android:orientation="vertical"，只有水平方向的设置才会起作用，其他方向则会失效。同样，Button也一样。

转载地址：[http://blog.csdn.net/shakespeare001/article/details/7843460][http_blog.csdn.net_shakespeare001_article_details_7843460]

[Android]: http://lib.csdn.net/base/android
[Android 1]: http://lib.csdn.net/base/15
[http_blog.csdn.net_dekunchenivan_article_details_6718678]: http://blog.csdn.net/dekunchenivan/article/details/6718678
[0_1314261578HHPx.gif]: /images/20220711/c1a80598bcdb44fb825edb375e95431e.png
[http_blog.csdn.net_shakespeare001_article_details_7843460]: http://blog.csdn.net/shakespeare001/article/details/7843460