Android中将控件放到线性布局的任意位置（二）

为了方便交流，我们先先约定一下称呼，可能用词并不准确，但在这几篇文章中，就这么约定吧。看如下布局

<?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:id="@+id/tv_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#0000ff"
        android:text="第一个TextView"
        android:textColor="#ffffff" />

    <TextView
        android:id="@+id/tv_two"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="#000088"
        android:text="第二个TextView"
        android:textColor="#ffffff" />

    <LinearLayout
        android:id="@+id/ll_two"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:background="#880000"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/image"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:src="@mipmap/ic_launcher" />

        <TextView
            android:id="@+id/tv_three"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第三个TextView"
            android:textColor="#ffffff" />
    </LinearLayout>
</LinearLayout>

以上代码的表现效果为：

1.png

• 结合代码和图片，我们很容易知道，我们添加的多个控件从上到下，将id为ll_one的空间分为三个明显的区域。
• 在讨论id为ll_one的线性布局的时候，我们约定：

1. id为ll_one的线性布局有三个子控件，分别是id为，tv_one,tv_two的两个TextView和id为ll_two的线性布局。
2. 反过来，id为tv_one或tv_two的TextView的父布局（也可以说是控件）都是id为ll_one的Linearlayout。
3. id为tv_three的TextView不是最外层布局,也就是id为ll_one的线性布局的子控件，反之，ll_one也不是id为image的图片控件、或者id为TextView的的父布局。
4. 3中提及的id为tv_three,id为image的TextView,和ImageView这两个控件，其父布局是id为ll_two的Linearlayout.反之前两者者是后者的子控件。
5. 其实就是在讨论的时候我们只关注他们的直接父布局（控件）或直接子控件，因为只有直接有关系的两个布局才直接对控件的大小和布局（位置）产生影响，其他更高一层或更低一层的控件对我们讨论控件的影响，都是通过目标控件的父控件，或者子控件间接发生作用的。
6. 如果5读起来费解，那么就忽视它。

• 在上一篇 Android中将控件放到线性布局的任意位置（一）中，我们讲了控件的基本属性 宽度，高度，和控件本身所占的空间，以及它的 内容所占的空间的区别，若有疑虑，可以一观。
  现在有这样一个布局

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff0000"
    tools:context=".MainActivity">
    <TextView
        android:id="@+id/tv_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#0000ff"
        android:text="第一个TextView"
        android:textColor="#ffffff" />
</LinearLayout>

• 其表现效果为：

  
  image
• 我们想将“第一个TextView”这几个字放到屏幕 右下角，这是我们上一篇末的目标。当时提及两个属性
  layout_gravity和gravity,从拼写上，便可以感觉到它们关系匪浅，是的，事实上，出了作用的目标不同，它们基本上就是等价的。

layou_gravity和gravity的作用和区别

1. layout_gravity属性和layout_width以及layout_height一样，作用的都是声明该属性的控件，是控件本身 应该放在父布局（记得我们说的父布局（控件），子控件（布局）都只能是直接有关系的）中的位置。
2. ·gravity·属性是指其内容的位置。

• 有了上面的认识，结合Android中将控件放到线性布局的任意位置（一）我们的结论：先要将蓝色移动到右下角，那么怎么操作呢？
  分析：既然前面我们讲过layout_gravity和gravity两种方式控制位置，那么一种一种地来。蓝色部分，也就是id为tv_one的TextView，那么layout_gravity既然是控制控件在父布局中的位置，是不是直接在TextView中声明该属性就可以呢，试一下再说：

<?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:id="@+id/tv_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#0000ff"
        android:text="第一个TextView"
        android:textColor="#ffffff" 
        android:layout_gravity="bottom|right"/>
</LinearLayout>

• 很遗憾，这样设置后，布局与上图效果并没有丁点变化，问题出在什么地方呢？我们来看看：

1. 父布局（红色）部分是到了右下角的，所以理论上，在合适的操控下，TextView是可以到达右下角的。
2. 注意到TextView（蓝色）的宽度是充满整个屏幕，也就是说，控件TextView是不能在向右边摆了（已经充满屏幕了）,所以属性android:layout_gravity="right"是没有用的，可以理解；但是android:layout_gravity="bottom|right"的意思是，靠底部，并且靠右边（这些属性都是可以 并且 的，操作就是多个取值间用“|”连接），那么因为向右已经充满屏幕所以不能再向右了，可是向下还有一大片红色（位置足够），却不能靠底部，这是为什么呢？

• 暂且打住以上讨论，上面说到因为控件宽度已经充满屏幕，所有不能再向右了，可是我们想要的效果是，文字显示到右下角，纵然向下可以，文字也是在左下角，因为向右我们已经分析出不能再向右了，真是这样？！
• 控件TextView确实是不能向右了，这没问题，但是我们在Android中将控件放到线性布局的任意位置（一）讨论时候，就着重指出，控件所占空间，和其显示内容所在位置，是两回事。显然，文字，就是TextView的内容，言下之意就是我们可以用专门控制内容位置的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:id="@+id/tv_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#0000ff"
        android:text="第一个TextView"
        android:textColor="#ffffff"
        android:layout_gravity="bottom|right"
        android:gravity="right"
        />
</LinearLayout>

• 总算有点作用了，看效果

  
  2.png
• 我们控制内容的位置的属性android:gravity="right"生效了，……等等，内容的话，TextView这个组件（蓝色部分）不就是id为ll_one的 内容吗？那么也就是说，我们可以在id为ll_one的线性布局中，用属性gravity控制TextView的位置？这可以？！试试看：

<?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"
    android:gravity="bottom">

    <TextView
        android:id="@+id/tv_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#0000ff"
        android:text="第一个TextView"
        android:textColor="#ffffff"
        android:gravity="right"
        />
</LinearLayout>

• 因为TextView中的android:layout_gravity="bottom|right"之前已经证明没有效果，此处为避免误导，删除了该属性，上面代码效果为：
  3.png
• HoHoHo，到此，我们达成了目标。不过一个问题仍然存在，之前的TextView` android:layout_gravity="bottom"属性为什么不起作用？在下一篇Android中将控件放到线性布局的任意位置（三）们来讲讲是谁阻止我们实现这么个小目标。