美文网首页TECH_ANDROID
【Android】“android:gravity”和“andr

【Android】“android:gravity”和“andr

作者: Xxxxx面 | 来源:发表于2015-11-17 16:08 被阅读1643次

    在学习Android布局的过程中,我经常会混淆android:gravityandroid: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因为涉及到布局与控件各种相互关系,
    因此设置之前,要仔细考虑才行。
    那么平时用的,也就是LinearLayoutRelativeLayoutFrameLayout三种,
    把上面那个“简单的做法”的LinearLayout替换为其它两个,
    就是发现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设为topcenterbottomcenter_vertical才有意义;
    • 对于vertical 的LinearLayout,把android:layout_gravity设为leftcenterrightcenter_horizontal才有意义;
    • RelativeLayoutandroid:layout_gravity不起作用
    • center已经包含了center_verticalcenter_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

    相关文章

      网友评论

        本文标题:【Android】“android:gravity”和“andr

        本文链接:https://www.haomeiwen.com/subject/muokhttx.html