14、Android Studio 中 ConstraintLayout 的使用指南与实战

Android Studio 中 ConstraintLayout 的使用指南与实战

1. ConstraintLayout 辅助元素的添加

在 Android Studio 中使用 ConstraintLayout 设计用户界面时，有多种辅助元素可帮助我们更精准地布局。

1.1 添加参考线（Guidelines）

参考线为约束提供了额外的锚点元素。添加参考线有以下两种方式：
- 右键点击布局，从菜单中选择“Vertical Guideline”或“Horizontal Guideline”，也可使用工具栏菜单选项。
- 从调色板的“Helpers”部分拖动水平或垂直参考线到布局画布或组件树面板。

添加后，参考线会以虚线形式出现在布局中，可通过点击并拖动来移动。要建立与参考线的约束连接，点击小部件的约束处理程序并拖动到参考线后释放。参考线的位置可以指定为相对于父布局的绝对距离，也可以是父布局宽度或高度的百分比。切换这三种模式，可选择参考线并点击其底部或末端的圆圈。

1.2 添加屏障（Barriers）

添加屏障也有两种方式：
- 右键点击布局，从“Add helpers”菜单中选择“Vertical Barrier”或“Horizontal Barrier”，或使用工具栏菜单选项。
- 从调色板的“Helpers”部分找到屏障类型并拖动到布局画布或组件树面板。

添加到布局后，屏障会在组件树面板中显示为一个条目。要添加参考视图，将小部件从组件树拖动到屏障条目上。添加参考视图后，需要在属性工具窗口中配置屏障方向。

1.3 添加组（Gro