美文网首页
初探ConstraintLayout

初探ConstraintLayout

作者: falcon_li | 来源:发表于2017-02-05 16:19 被阅读0次

更多详细内容,请移步郭神博客http://blog.csdn.net/guolin_blog/article/details/53122387

此布局就叫约束布局吧,约束布局是直接在视图界面,通过拖动和添加约束对代码的进行布局。类似于RelativeLayout,但又让代码更简洁,布局更简洁。

1.先在gradle中添加依赖

dependencies{    

                 compile'com.android.support.constraint:constraint-layout:1.0.0-beta4'

}

2.将RelativeLayout修改为ConstraintLayout;

3.拖动左侧的空间到视图中,点击视图中的控件,上下左右各有一个点,通过这些点进行约束的设置;

4.单个约束通过点击可以取消约束;点击控件,左下角的x图标可以删除该控件的所有约束;工具栏的x图标可以删除所有约束;

5.Inspector,右侧Properties区域上部分,可以在约束好之后,对控件位置进行微调;还包含三种控件宽高设置:wrap_content,固定值,anysize。anysize类似于match_parent,但又被约束;

6.Guidelines,用于分割屏幕(包含dp和屏幕百分百),让控件有的约束选择;

7.自动添加约束

7.1 Autoconnect

7.1.1 拖动控件到视图中,系统会自动给控件添加约束,但并不一定是我们想要的约束,需要微调;

7.1.2 需要点击工具栏的u形图标才会开启

7.2 Inference

先将需要的控件摆放好位置,在点击工具栏“灯”形图标,就会给所有控件添加约束,之后慢慢微调就行了;

相关文章

网友评论

      本文标题:初探ConstraintLayout

      本文链接:https://www.haomeiwen.com/subject/mceeittx.html