Android 约束布局constrainLayout

来源:互联网 发布:《最强淘宝系统》 编辑:程序博客网 时间:2024/05/18 05:22
Android 约束布局constrainLayout 
在google IO 2016 中发布了最新的android studio 2.2 预览版,同时介绍了最新的约束控件。 
google在android studio 2.2 增加的约束控件。终于带来了可以拖动控件到UI编辑器的方法了,越来越人性化了。当然还是可以通过编写XML文件控制约束控件,但这已经不是必须的,我们可以windows开发一样拖动控件到你想放的位置,是不是瞬间感觉爽爆了. 
约束控件最低支持的版本是 Android 2.3 (Gingerbread),但是使用android studio 2.2 才能在UI编辑器拖动控件。如果你是新工程,那么使用android studio 2.2就自动支持了。如果是想升级老工程,则需要升级到最新的Android Support Repository (version 32 or higher)。最后在build.gradle添加如下: 
dependencies { 
compile ‘com.android.support.constraint:constraint-layout:1.0.0-alpha1’ 

},同步一下gradle就可以了。 


添加约束的几种方法: 
1 当你往UI编辑器添加控件的时候,如果这里写图片描述是开启的显示,则表示自动约束是打开的,那么UI编辑器会自动添加约束,但这往往不是你需要的约束条件,你还是需要自己去设置约束。这里写图片描述这个按钮是每次修改了控件以后都要点击一下,可以查看一下约束是否正确,是否添加了约束。NOTE:如果没有添加约束则控件会出现在屏幕的左上角。 
2 VIEW与他父约束布局的边缘对齐的方法:点击VIEW,然后出并现4个(上下左右)圆圈(圆圈就是用来表示添加约束的边),然后点击需要添加约束的圆圈拖动到需要连接的父约束布局的边,当圆圈变成绿色的时候,松开鼠标表示约束已经搞好了。 
这里写图片描述 
3 为了使得两个view添加约束,点击控件出现4个圆圈,然后按下你需要添加约束的圆圈bing并拖动到你需要连接的控件的边,待变成绿色的时候,约束连接就搞好了。 
这里写图片描述 
4 为了使得约束是在两个控件的文字基线连接的,则需要在需要添加基线约束的控件上鼠标停留数秒当在文字下方出现闪烁的时候,则拖动到需要连接的控件上,此时两个控件则会文字基线对齐。 
这里写图片描述 
5 当控件相反的边,如上,下(左,右)都添加了约束,则默认的话控件会出现在上下(或左右的)的中间, 
这里写图片描述 
当然在旁边属性可以选择具体的位置,在如下图写着50的线上可以拖动,调整你需要的位置。 
这里写图片描述 
NOTE: 每个控件的4个边点击的时候都会出现圆圈,同时在蓝图上闪烁出这条边可以与哪个控件的那条边添加约束。 

1 0
原创粉丝点击