Android开发 - 掌握ConstraintLayout障碍线(Barrier)

【Android开发 - 掌握ConstraintLayout障碍线(Barrier)】炒沙作縻终不饱,缕冰文章费工巧。这篇文章主要讲述Android开发 - 掌握ConstraintLayout障碍线(Barrier)相关的知识,希望能为你提供帮助。
本文我们来介绍障碍线(Barrier)的使用,平常在开发中用的相对要少一些,但是在需要时会非常方便。
它的作用是将多个元素放到这个障碍线里面使时,其中的任何元素的大小或位置变化时都会使它的位置进行改变。
可以理解成一面墙," 墙" 里面任何元素的位置或大小改变时都会导致它的改变,从而保证所有的元素都在" 墙" 里面。
下面我们来举例进行说明,会更加直观。

  1. 首先,我们先创建两个元素:
    Android开发 - 掌握ConstraintLayout障碍线(Barrier)

    文章图片

  2. 接下来,我们来创建一条垂直的Barrier:
    Android开发 - 掌握ConstraintLayout障碍线(Barrier)

    文章图片

  3. 创建后,我们把这两个View拖到这个Barrier里面:
    Android开发 - 掌握ConstraintLayout障碍线(Barrier)

    文章图片

    注意:这里将View拖进去并不是真正创建了层级关系,我们看代码可以知道,仅仅这个Barrier引用了两个View的ID:
    < android.support.constraint.Barrier android:id="@+id/barrier" android:layout_width="wrap_content" android:layout_height="wrap_content" app:barrierDirection="left" app:constraint_referenced_ids="button,textView" tools:layout_editor_absoluteX="104dp" />

  4. 默认的Barrier是在所有元素的左面,我们选中它后可以选择靠右对齐:
    Android开发 - 掌握ConstraintLayout障碍线(Barrier)

    文章图片

    创建完成后我们来调整其里面的各个View的大小和位置就可以理解它的作用了:
    Android开发 - 掌握ConstraintLayout障碍线(Barrier)

    文章图片

    Android开发 - 掌握ConstraintLayout障碍线(Barrier)

    文章图片

总结Barrier特别在复杂的页面布局的时候非常有用,不需要创建一个容器来放置这些子View来实现这样的功能了,这也是我们使用ConstraintLayout的初衷,保证层级的简单和高效。
下一篇:Android开发 - 掌握ConstraintLayout(九)分组(Group),我们将介绍分组(Group)的使用。
如有更多疑问,请参考我的其它Android相关博客:我的博客地址

    推荐阅读