Android ConstraintLayout图文并茂详解(二)

在上篇博文Android ConstraintLayout图文并茂详解(一)中，我们已经知道了如何在ConstraintLayoput中如何定位视图、对齐视图等。在本文中，将继续深入了解ConstraintLayoput。

1. 修改视图属性
2. 带有链的线性视图组

修改视图属性

我们将视图从Palette推动到布局后，视图各种属性都是默认值，这必然不能满足界面需求。我们还得根据UI设计图修改视图属性，以满足UI需求。修改视图的属性，当然可以在xml中code实现。另外，在Layout Editor中的属性(Attributes)窗口中一样可以便捷的更改属性。对于更改视图常用属性必然信手拈来。在这里，为了了解在inspector中如何更改约束相关的属性。如果有对inspector界面不了解的，可以参考博文Android ConstraintLayout图文并茂详解(一)中的 “视图的inspector”部分。接下来，先从bias说起…

bias

在Android ConstraintLayout图文并茂详解(一)中提到了，视图有两个相反的约束时，则像弹簧一样，约束变得像一个弹簧一样表示相反的力。当视图大小设置为“fixed”或“wrap_content”时，效果最为明显.在这种情况下，视图以约束为中心。这时，又有新的概念 - 约束偏差。

视图和布局边界之间的可用空间被称为约束偏差，实际上就是控件的约束与布局之间的间距。约束偏差又存在于视图拥有两个相反的约束时，故而约束偏差是是两个边距之和。比如，视图A的左右两侧各有一个约束，边距分别为X和Y，那么约束偏差为 X + Y。

也就是说，如果元素居中，这意味着该元素位于两个边界之间的中间位置，也就是说边距值应为(X+Y)/2,其约束偏差值为50%。那么，如果对于水平约束将偏差改为30％，则元素将被放置得更靠近左边界。如果更改为70％，元素将被放置在靠近右边界的位置。对于纵向约束而言，约束偏差是控制视图距离其顶部和底部约束边界的距离。

需要注意的是，当视图添加两个相反的约束后，只有当视图相应的width/height类型设置为“fixed”或“wrap_content”时，约束偏差才有意义。如果其类型为MATCH_CONSTRAINT时，视图本身是充满整个可用的控件，约束偏差是失效的。

当视图添加两个相反的约束后，视图将在两个约束之间居中，也就是说，偏移量默认为50％。如何修改约束偏差呢？

我们可以在拖动属性(Attributes)窗口 - inspector中的偏置滑块或拖动视图来调整偏差,比如，下图的中的Button的约束偏差为50%，我们现在采用这两种方式修改约束偏差：

当然，在ConstraintLayout中，针对于约束偏差，支持库为其定义了相应的偏差属性，我们可以在xml中设置偏差比例属性，使其偏向另一侧：

• layout_constraintHorizontal_bias
• layout_constraintVertical_bias

例如，以下代码中，将使视图的约束偏差值为30%，而不是默认的50％，这样左侧边距将会更短，从而视图靠近左侧：

<android.support.constraint.ConstraintLayout ...>
    <Button 
        android:id="@+id/button" 
        ...
        app:layout_constraintHorizontal_bias="0.3"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent/>
</>

使用视图大小控键

在Android ConstraintLayout图文并茂详解(一)中，我们已经了解到如何使用视图的约束控键来添加一个约束。现在，我们要来了解拖动调整大小控键来修改视图的大小。

• 调整大小控键：可以拖动方形调整大小的句柄来调整元素的大小。 拖动时，手柄变成角度变角。
• 约束控键：单击约束句柄，在元素的每一侧显示为圆形，然后拖动到另一个约束句柄或父边界以创建约束。 约束由Z字形线