目录
- 3.链式约束
- 4.辅助线
3.链式约束
如果两个或以上控件通过下图的方式约束在一起,就可以认为是他们是一条链(如图5为横向的链,纵向同理)。
图5 链示意图
如图5所示,在预览图中选择需要成链的控件,单击右键,选择Chains->Create Horizontal Chain,即可将这几个被选中的控件构成一条水平链。若需要构成垂直链,则选择Create Vertical Chain。
图6 链约束操作图
链有3种样式,可以通过右键Chains-> Horizontal Chain Style来设置,如图7所示,这3种样式分别是:
spread:展开元素(默认),如图5所示。
spread inside:展开元素,但链的两端贴近parent,如图8所示。
packed:链的元素将被打包在一起,如图9所示。
可以通过右键选择Chains->Horizontal Chain Style来选择链的样式。
图7 链约束操作图
图8 spread inside样式
图9 packed样式
4.辅助线
辅助线(Guildline)可以在界面设计时帮助完成布局,但在界面运行时不会显示在界面上。辅助线有垂直线Vertical Guideline和水平线Horizontal Guideline,可以通过单击Design视图的
来添加。
如图10所示为一条水平辅助线,通过单击
可以切换辅助线的位置参照物,为提高UI界面的适配性,建议将辅助线位置参照物设为百分比。例如,如图11所示,将该水平线的位置设置为22%的位置处。
图10 水平辅助线示意图
图11 百分比水平辅助线示意图