TECH_ANDROID

【Android】“android:gravity”和“andr

2015-11-17  本文已影响1643人  Xxxxx面

在学习Android布局的过程中,我经常会混淆android:gravityandroid:layout_gravity这两个属性,因为它们就差一点点而已。因此,特以此文记录一下关于这两者的知识点。

简单的说法

简单的做法

在某个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界面,怎么会只有一个控件?
我们需要了解的是,这两个属性在“控件与控件”、“控件与布局”、
“(控件+控件+……)与布局”之间,各种组合情况下会产生怎样的效果。
只有了解并且上机体验过,才能知道它俩怎么去用。

关心一下它俩从哪里来的

我在官网以这两个搜了一下,看得都晕了,
还是没太弄清楚怎么回事,先记下来:

因为观察那几种布局和它们的.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>

显示出来是这个样子:


记住这些

参考资料

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

上一篇 下一篇

猜你喜欢

热点阅读