Android可拖拽布局ConstraintLayout

记录下来用于个人记忆

要用到ConstraintLayout需要在app.gradle中添加依赖:

implementation 'com.android.support:constraint-layout:1.0.2'

ConstraintLayout类似RelativeLayout,通过约束内部控件进行布局,不过ConstraintLayout要更加强大,ConstraintLayout的好处在于可以通过约束来减少布局的嵌套.

创建ConstraintLayout后,切换布局文件由xml编辑(text)转换成拖拽操作(Design)

第一步从左边的控件列表中,拖拽控件到ConstraintLayout内,

点击控件后,控件的上下左右各有一个小圆点

要想让某个控件处于ConstraintLayout的顶部,就拖动控件上方的小圆点到最上方,然后小圆点的主人就会在ConstraintLayout内处于顶部,处于右边就拖动右边的小圆点.想让其处于右上角就拖动上面的小圆点然后再拖动右边的小圆点就可以了

调整控件的边距,大小,文字等属性,先选中控件,然后在右边就会显示该控件拥有的属性供调整

上图中的方形区域,点击加号或者数值(如图上的228)后,就可以手动修改该控件与屏幕的距离

ConstraintLayout中控件与控件的位置处理,如果想让控件A处于控件B的正下方,先点击控件A然后拖动其左边的小圆点与控件B左边的小圆点相连接,然后拖动控件A右边的小圆点与控件B右边的小圆点相连接,最后拖动控件A上方的小圆点与控件B下方的小圆点相连接,

最后一图因为两个小圆点想接触,两个布局就挨到一起了,我没碰到一起只是为了演示,正确的做法是一定要两个圆点接触到一起才行的

注意,有的控件默认会给边距,所以看起来会没有对其,点击控件,在右边的该参数区域修改既可

这样做的话,下方的控件就和上方的控件绑定了,拖动上方的控件,就会带着下方的控件一起动

如果想要调整上下间距就拖动下方的控件上下挪动既可

如果想调整2个控件的上下间距的话,就拖动下方的控件上下挪动,中间会显示数字表示距离,单位是dp

未完结