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

标签：多个   jpg   页面布局   editor   调整   地址   layout   class   android开发   

它的作用是将多个元素放到这个障碍线里面使时，其中的任何元素的大小或位置变化时都会使它的位置进行改变。

可以理解成一面墙，"墙"里面任何元素的位置或大小改变时都会导致它的改变，从而保证所有的元素都在"墙"里面。

下面我们来举例进行说明，会更加直观。

1. 首先，我们先创建两个元素：
   

2. 接下来，我们来创建一条垂直的Barrier:
   

3. 创建后，我们把这两个View拖到这个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是在所有元素的左面，我们选中它后可以选择靠右对齐：
   

   创建完成后我们来调整其里面的各个View的大小和位置就可以理解它的作用了：

   
   

总结

Barrier特别在复杂的页面布局的时候非常有用，不需要创建一个容器来放置这些子View来实现这样的功能了，这也是我们使用ConstraintLayout的初衷，保证层级的简单和高效。

下一篇：Android开发 - 掌握ConstraintLayout（九）分组(Group)，我们将介绍分组(Group)的使用。

如有更多疑问，请参考我的其它Android相关博客：我的博客地址

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

标签：多个   jpg   页面布局   editor   调整   地址   layout   class   android开发   

原文地址：http://blog.51cto.com/11761032/2323646