ConstraintLayout 使用入门（二）

最近几个月终于有大把时间总结这两年来所学，荣幸之至
2019.5.22

前言

继续ConstraintLayout 基础入门（一）

本章节对应内容的练手项目

目录

本文包含2.1-2.6的内容

---

• 1 基本操作
• 1.1 相对位置布局
• 1.2 整体位置布局
• 1.3 约束比例
• 1.4 文字基准线对齐
• 1.5 圆心布局（原文叫 Circular positioning)
• 2 进阶操作
• 2.1 View的内容约束 constrainedWidth
• 2.2 约束偏移量 Bias
• 2.3 约束链 Chain Style
• 2.4 宽高比
• 2.5 百分比布局
• 2.6 参考线
• 3.Helper类
• 3.1 Group
• 3.2 Layer

---

2 进阶操作

####2.2 constrainedWidth
TextView 或者其他View内容有时候可能会超过约束范围。需要使用layout_constrainedWidth和layout_constrainedHeight，两个属性的默认值均为false。
文字过多的时候，就像下面这个样子

我们对右侧的TextView的设置是在ImageView的右侧，但是我们可以看到文字已经超出了约束范围，把ImageView盖住了。我用橙色把两边超出来的部分圈出来了，可以看到，两边是对称的，所以，有一部分文字还显示在了屏幕外面。
注意：这里说的是约束范围，不是规定范围，如果你把TextView的width和height写成固定值，无论文字有多少都是不会超出范围的。

layout_constrainedWidth