Android中将控件放到线性布局的任意位置(三)

orientationlayout_gravity之间鱼和熊掌的关系?

  • 从前面介绍中我们知道,在之前介绍中,我们想用属性layout_gravity把蓝色TextView这个控件放到屏幕右下角,但是失败了。不能向右放的原因,我们在Android中将控件放到线性布局的任意位置(二)分析了,是因为,该TextView已经在宽度方面充满了屏幕,不再具有向右的空间了。
  • 然而向下是有足够空间的,那么是哪儿出了问题,导致我们不能实现预期目标呢,将布局代码稍微做下修改,将TextView的宽度修改为与其“内容”一样宽(这样,TextView便有了向右靠的空间,注意对比其与之前的区别),并用layout_gravity使之靠右(为便于观察,我将字体设置得比较大):
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/ll_one"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff0000"
    android:orientation="vertical"
    tools:context=".MainActivity"
   >

    <TextView
        android:textSize="25sp"
        android:id="@+id/tv_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#0000ff"
        android:text="第一个TextView"
        android:textColor="#ffffff"
        android:layout_gravity="right"
        />
</LinearLayout>
  • 上述代码表现效果为:

    《Android中将控件放到线性布局的任意位置(三)》 1.png

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

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

  1. 在所有布局中,默认情况下,它的子控件会从父控件的左上角开始布局(这个方向,和计算机领域,屏幕的方向是相同的,从左上角开始,向右为X正方向,向下为Y轴正方向,左上角坐标为(0,0),相应的,右下角为(maxWidth,maxHeight)(两者分别代表屏幕最大宽度、高度))
  2. 线性布局(LinearLayout),顾名思义,它的子控件会按照线性方向(X或Y方向)布局,至于是向X(水平)方向还是(竖直)方向布局,则就是有android:orientation指定的,默认情况下,线性布局布局会按照水平方向布局。
  • 为说明,取消该属性,并增加一个TextViw:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/ll_one"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ff0000"
tools:context=".MainActivity"
    >
<TextView
    android:textSize="25sp"
    android:id="@+id/tv_one"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#0000ff"
    android:text="第一个TextView"
    android:textColor="#ffffff"
    android:layout_gravity="right"
    />
    <TextView
        android:textSize="25sp"
        android:id="@+id/tv_tow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#555555"
        android:text="第二个TextView"
        android:textColor="#ffffff"
        android:layout_gravity="right"
        />
</LinearLayout>
  • 上述代码表现为: 《Android中将控件放到线性布局的任意位置(三)》 2.png

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

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

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

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

  1. 父布局:android:orientation="horizontal",子控件:android:layout_gravity="bottom"
  2. 父布局:android:orientation="vertical",子控件:android:layout_gravity="right"
    会生效吗,我们试试:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/ll_one"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff0000"
    tools:context=".MainActivity"
    android:orientation="horizontal"
    >

    <TextView
        android:id="@+id/tv_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="#0000ff"
        android:text="第一个TextView"
        android:textColor="#ffffff"
        android:textSize="25sp" />

    <TextView
        android:id="@+id/tv_tow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:background="#555555"
        android:text="第二个TextView"
        android:textColor="#ffffff"
        android:textSize="25sp" />
</LinearLayout>

效果:
《Android中将控件放到线性布局的任意位置(三)》 3.png

代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/ll_one"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff0000"
    tools:context=".MainActivity"
    android:orientation="vertical"
    >

    <TextView
        android:id="@+id/tv_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="#0000ff"
        android:text="第一个TextView"
        android:textColor="#ffffff"
        android:textSize="25sp" />

    <TextView
        android:id="@+id/tv_tow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:background="#555555"
        android:text="第二个TextView"
        android:textColor="#ffffff"
        android:textSize="25sp" />
</LinearLayout>
  • 上述代码效果: 《Android中将控件放到线性布局的任意位置(三)》 4.png

  • 可见,上面两种组合是生效的。
  • 通过实际操作,我们得出一个基本结论:
    1. 当父布局的属性android:orientation="horizontal",其子控件属性:android:layout_gravity=在水平方向将失效,而竖直方向不受影响,继续起作用。
    2. 当父布局的属性android:orientation="vertical",其子控件属性:android:layout_gravity=在竖直方向将失效,而水平方向不受影响,将继续起作用。
  • 结论倒是有了:简单来说,如果父布局规定了其子控件按照某一方向进行,那么子控件在该方向上调整自己位置的能力将消失。不过为什么会这样呢,我想有如下考虑:
  1. 两个方向便能确定子控件在父控件的具体位置,父控件确定一个维度,子控件本事确定一个维度,逻辑清晰明了。
  2. 最为关键是,如果父控件和子控件都能在同一维度起作用的话,会有明显的冲突,比如布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/ll_one"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff0000"
    tools:context=".MainActivity"
    android:orientation="vertical"
    >

    <TextView
        android:id="@+id/tv_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="#0000ff"
        android:text="第一个TextView"
        android:textColor="#ffffff"
        android:textSize="25sp" />

    <TextView
        android:id="@+id/tv_tow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#555555"
        android:text="第二个TextView"
        android:textColor="#ffffff"
        android:textSize="25sp" />
</LinearLayout>
  • 该布局效果: 《Android中将控件放到线性布局的任意位置(三)》 5.png

  • 按照逻辑,父布局设置了其子控件按照从上到下的序列排列,如果此时子控件还具有该方向上调整自身位置的能力,一旦某个控件做出调整要求,如“”第一个TextView“”想把自己排列到屏幕底部,那么其他控件如何处之?“第一个TextView”可是应该排在他们前面的啊,那么他们只能往下排,排到屏幕外了?这就是问题所在,又比如“第二个控件”想把自己排到屏幕最上方,也会有相应问题:与之相反的是,此时无论“第一个TextView”还是“第二个TextView”在左右(水平)方向上调整位置,都不会对其他控件产生影响(只要你还是在我前面或者后面,至于是左前方,右前方,还是正前方,都没有与父布局规定相冲突,这就可以了)。所以,个人认为,正是基于这样显而易见冲突的考虑,当子控件试图在父布局已经规定排列方式的方向上调整自己的位置时,调整位置的属性将会自动失效
    这样,我们便对属性android:orientation和属性android:layout_gravity有了进一步认识。
  • 那么就如最后的代码,我们在父布局已经是竖直方向的情况下,我们究竟能不能通过某种手段,将“第二个TextView”放到屏幕底部呢,之前我们通过在父布局设置android:gravity到达过目的,不过这次,我们有了新的需求了:第一个TextView在屏幕顶部,第二个在屏幕底部。下一篇我们讲讲如何实现新的需求。
    原文作者:野岗狼沟兜
    原文地址: https://www.jianshu.com/p/4ca7f3301695
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞