1.gif
这⾥我只是将控件放到布局中，并未添加任何约束，预览中显⽰的控件位置并⾮实际运⾏效果，其实⼀个控件在未添加任何约束的时候，是默认显⽰在界⾯左上⾓的。
控件的约束包括竖直和⽔平两个⽅向，由控件四周显⽰的四个圆圈来控制
image.png
我们可以将约束添加到ConstraintLayout上，也可以添加到另⼀个控件上，下⾯来具体介绍。
2.3 将控件的约束添加到ConstraintLayout上
举例，我们要将⼀个button放到ConstraintLayout右上⾓，我们可以这样操作：
2.gif
这⾥⼤家可能会注意到button与布局右上⾓有⼀定间隙，这是因为设置了控件默认margin，若要使⽆缝贴合右上⾓，可以将默认margin设置为0，再进⾏控件的拖动，如下：
3.gif
⼤家可以看到，⼀开始设置的默认margin是8dp，然后我设置成0dp，最后将控件拖曳到右上⾓
如果要将控件放到ConstraintLayout布局正中央，可以这样操作：
4.gif
2.4 将控件的约束添加到另⼀个控件上
例如我要将控件A放置在控件B的正下⽅，并距B的top处108dp，可以这样操作：
5.gifmargin属性值可以为百分比
⼤家可以看出控件A依赖控件B后，在移动控件B的时候，控件A也是跟着动的。
2.5 基线约束
有时我们会涉及到要求输⼊框⽂字和TextView显⽰的⽂字底部对齐，只需要点击editText控件下⽅的“ab”图标，然后牵引到TextView的底部即可，具体操作如下：
4.gif
添加约束的基本使⽤已经介绍完毕，现在讲讲删除约束。删除约束包括删除单个控件的单个约束，删除单个控件的所有约束和删除
ConstraintLayout布局中所有控件的所有约束
2.6 删除单个控件的单个约束
例如我要删除控件A在控件B上⽅距控件B 108dp距离的这个约束，只需要将⿏标放到控件A正下⽅的圆圈上(此时对应圆圈会变红)，然后左键单击圆圈，即取消了A距离B 108dp的这个约束，操作如下：
6.gif
2.7 删除单个控件的所有约束
以删除控件A上所有约束为例，单击控件A，会发现A左下⾓有两个图标，“X”和“ab”，点击“X”图标即删除A上所有约束，操作如下：
7.gif
2.8 删除ConstraintLayout布局中所有控件的所有约束
点击布局界⾯中的

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。