layout_gravity和gravity的作用和区别(下)

layout_gravity和gravity的作用和区别(下)

  • 在之前介绍中,我们想用layout_gravity把黑色的TextView这个控件放到屏幕的右下角,但是失败了。因为该TextView已经在宽度方面充满了屏幕,不再具备向右的空间了。然而向下是有足够空间的,但是为什么我们仍然不能达到预期目标呢?我们将布局代码中TextView的宽度修改为与其内容匹配(使得TextView具备向右靠的空间),并用layout_gravity使之靠右:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/LinearLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="#11EEEE"    tools:context="com.zw.wustzw.a3_2_2.MainActivity">
        <TextView
            android:id="@+id/text_view1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#101001"
            android:text="第一个TextView"
            android:layout_gravity="right"
            android:textColor="#ffffff" />
    </LinearLayout>
    

    其表现效果如下

在这里插入图片描述

  • 可以发现,属性layout_gravity确实能够让TextView按预想的“放置”,那么竖直方向不能让控件靠着底部,莫不是有什么“冲突了”?

  • 注意属性android:orientation,它的意思嘛,是方向,在布局中声明该属性,则在该布局容器之中的子控件都会按照该属性的值布局,这里需要了解一下:

  1. 在所有布局中,默认情况下,它的子控件会从父控件的左上角开始布局(这个方向,和计算机领域,屏幕的方向是相同的,从左上角开始,向右为X正方向,向下为Y轴正方向,左上角坐标为(0,0),相应的,右下角为(maxWidth,maxHeight)(两者分别代表屏幕最大宽度、高度))

  2. 线性布局(LinearLayout),顾名思义,它的子控件会按照线性方向(X或Y方向)布局,至于是向X(水平)方向还是(竖直)方向布局,则就是有android:orientation指定的,默认情况下,线性布局布局会按照水平方向布局。

    为说明,取消该属性,并增加一个TextViw:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/LinearLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#11EEEE"
        tools:context="com.zw.wustzw.a3_2_2.MainActivity">
    
        <TextView
        android:id="@+id/text_view1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#101001"
        android:text="第一个TextView"
        android:layout_gravity="right"
        android:textColor="#ffffff" />
    
        <TextView
            android:id="@+id/text_view2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#101001"
            android:text="第二个TextView"
            android:layout_gravity="right"
            android:textColor="#ffffff" />
    </LinearLayout>
    

注意观察,留意到: 我们并没有删除属性android:layout_gravity="right"的,按照修改之前的逻辑,第一个、第二个TextView都应该靠右才对,然而事实是他们都从左边,开始排过来,这似乎就是问题所在

  • 我们之前说过,默认情况下,线性布局子控件是水平方向布局的,也就是相当于在LinearLayout添加了android:orientation="horizontal",那么也就是说:
    当父布局的属性为android:orientation="horizontal"时,子控件属性android:layout_gravity="right"将失效

  • 注意到之前我们LinearLayout的布局一直都是: android:orientation="vertical",那个时候,该线性布局子控件TextView的属性:android:layout_gravity="bottom"是失效的,这样我们有:
    当父布局的属性为android:orientation="vertical"时,子控件属性android:layout_gravity="bottom"将失效

上述猜想是我们实际操作得来,那么在组合:

  1. 父布局:android:orientation="horizontal",子控件:android:layout_gravity="bottom"

  2. 父布局:android:orientation="vertical",子控件:android:layout_gravity="right"
    会生效吗,我们试试:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/LinearLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#11EEEE"
        tools:context="com.zw.wustzw.a3_2_2.MainActivity">
    
        <TextView
        android:id="@+id/text_view1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#101001"
        android:text="第一个TextView"
        android:layout_gravity="bottom"
        android:textColor="#ffffff" />
    
        <TextView
            android:id="@+id/text_view2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#101001"
            android:text="第二个TextView"
            android:layout_gravity="right"
            android:textColor="#ffffff" />
    </LinearLayout>
    
    
  • 效果为:

在这里插入图片描述

  • 代码:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/LinearLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#11EEEE"
        android:orientation="vertical"
        tools:context="com.zw.wustzw.a3_2_2.MainActivity">
    
        <TextView
        android:id="@+id/text_view1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#101001"
        android:text="第一个TextView"
        android:layout_gravity="bottom"
        android:textColor="#ffffff" />
    
        <TextView
            android:id="@+id/text_view2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#101001"
            android:text="第二个TextView"
            android:layout_gravity="right"
            android:textColor="#ffffff" />
    </LinearLayout>
    
  • 效果为:
    在这里插入图片描述

可见,上面两种组合是生效的。

  • 通过实际操作,我们得出一个基本结论:
    1. 当父布局的属性android:orientation=“horizontal”,其子控件属性:android:layout_gravity=在水平方向将失效,而竖直方向不受影响,继续起作用。
    2. 当父布局的属性android:orientation=“vertical”,其子控件属性:android:layout_gravity=在竖直方向将失效,而水平方向不受影响,将继续起作用。

  • 结论倒是有了:简单来说,如果父布局规定了其子控件按照某一方向进行,那么子控件在该方向上调整自己位置的能力将消失。不过为什么会这样呢,我想有如下考虑:

  1. 两个方向便能确定子控件在父控件的具体位置,父控件确定一个维度,子控件本事确定一个维度,逻辑清晰明了。
  2. 最为关键是,如果父控件和子控件都能在同一维度起作用的话,会有明显的冲突,比如布局:
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/LinearLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#11EEEE"
        android:orientation="vertical"
        tools:context="com.zw.wustzw.a3_2_2.MainActivity">
    
        <TextView
        android:id="@+id/text_view1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#101001"
        android:text="第一个TextView"
        android:layout_gravity="bottom"
        android:textColor="#ffffff" />
    
        <TextView
            android:id="@+id/text_view2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#101001"
            android:text="第二个TextView"
            android:textColor="#ffffff" />
    </LinearLayout>
    
  • 该布局效果为:
    在这里插入图片描述
  • 按照逻辑,父布局设置了其子控件按照从上到下的序列排列,如果此时子控件还具有该方向上调整自身位置的能力,一旦某个控件做出调整要求,如“”第一个TextView“”想把自己排列到屏幕底部,那么其他控件如何处之?“第一个TextView”可是应该排在他们前面的啊,那么他们只能往下排,排到屏幕外了?这就是问题所在,又比如“第二个控件”想把自己排到屏幕最上方,也会有相应问题:与之相反的是,此时无论“第一个TextView”还是“第二个TextView”在左右(水平)方向上调整位置,都不会对其他控件产生影响(只要你还是在我前面或者后面,至于是左前方,右前方,还是正前方,都没有与父布局规定相冲突,这就可以了)。所以,个人认为,正是基于这样显而易见冲突的考虑,当子控件试图在父布局已经规定排列方式的方向上调整自己的位置时,调整位置的属性将会自动失效
    这样,我们便对属性android:orientation和属性android:layout_gravity有了进一步认识。
  • 9
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值