摘要:参考文章约束布局看这一篇就够了属性篇介绍是谷歌推出替代的组件。支持相对布局线性布局帧布局,看来更像是三者的结合体,并且比这三者更强大的是实现了百分比布局。
参考文章:
约束布局ConstraintLayout看这一篇就够了
ConstraintLayout - 属性篇
Android
ConstraintLayout
是谷歌推出替代PrecentLayout
的组件。
支持相对布局、线性布局、帧布局,看来更像是
FrameLayout
、LinearLayou
t、`RelativeLayout·三者的结合体,并且比这三者更强大的是实现了百分比布局。
大家都知道安卓碎片严重,使用百分比适配,那么将彻底解决适配问题
总结:我最近也是刚学,学完之后,发现这个布局已经将上述的所有布局的特点全部融合在一起了,使用起来简单方便的不要不要的,就是学习的属性有点多啊。
不过,多也是正常的,毕竟融合了五大布局的所有特点,学完这个布局,各种界面UI都难不倒我们了
添加依赖implementation "com.android.support.constraint:constraint-layout:1.1.3"
我使用的是Android Studio3.0.1版本,已经自动导入了,默认使用的就是这个布局
属性及对应的方法我们先了解一下一些基本的概念
这里提一下,start和left其实都是指控件的左边,end和right都事指控件的右边
基本属性注意,这里的属性都得使用命名空间来才能使用
宽高属性与之前的layout相同,wrap_content
和match_parent
,但除此之外,还多出了一种,名为match contraint
实际上,这个多出来的相当于0dp
,如果之前使用过LinearLayout
的权重的话,应该对0dp
有印象.
这里,约束布局应该是继承了Linearlayout
的特性,之后我们设置权重与Linearlayout
的操作也是类似,具体的请往后面看,这可是实现了百分比布局的强大布局。
layout_constraintLeft_toLeftOf
当前控件的左边依赖于属性控件的左边
layout_constraintLeft_toRightOf
当前控件的左边依赖于属性控件的右边
layout_constraintRight_toLeftOf
ayout_constraintRight_toRightOf
layout_constraintTop_toTopOf
layout_constraintTop_toBottomOf
layout_constraintBottom_toTopOf
layout_constraintBottom_toBottomOf
layout_constraintBaseline_toBaselineOf
当前的控件基线与属性控件的基线对齐
layout_constraintStart_toEndOf
layout_constraintStart_toStartOf
layout_constraintEnd_toStartOf
layout_constraintEnd_toEndOf
示例:
A左边依赖总布局的左边,顶部则是依赖总布局的顶部,B则是左边依赖于A的右边,顶部依赖父布局的顶部
其他的就不一一列举了,举一反三,挺容易的
mragin 边距只有在设置了依赖,之后设置边距才会效果
这个属性不需要使用app开头,属于原本的属性
android:layout_marginStart
设置左边的边距
android:layout_marginEnd
android:layout_marginLeft
android:layout_marginTop
android:layout_marginRight
android:layout_marginBottom
例如:
示例:
使控件B与A垂直对齐
B的左边依赖A的左边,B的右边依赖A的右边即可
辅助类或属性使用 1. Barrier 屏障 控件
app:barrierDirection
为屏障所在的位置,可设置的值有:bottom
、end
、left
、right
、start
、top
app:constraint_referenced_ids
为屏障引用的控件,可设置多个(用“,”隔开)
Group可以把多个控件归为一组,方便隐藏或显示一组控件,举个例子:
3. Placeholder 占位符 控件
设置好占位符控件的位置,之后调用setContent,把指定id的控件放在占位符的位置
app:content=
可以使用这个控件达到百分比布局的效果,或者是当前的控件没有符合条件的参照物的情况使用
Guideline
还有三个重要的属性,每个Guideline
只能指定其中一个:
layout_constraintGuide_begin
,指定左侧或顶部的固定距离,如100dp,在距离左侧或者顶部100dp的位置会出现一条辅助线
layout_constraintGuide_end
,指定右侧或底部的固定距离,如30dp,在距离右侧或底部30dp的位置会出现一条辅助线
layout_constraintGuide_percent
,指定在父控件中的宽度或高度的百分比,如0.8,表示距离顶部或者左侧的80%的距离。
android:orientation
设置垂直或者是水平
Guideline
是隐藏的,不用我们进行多余的设置,虽然外面在预览面板可以死看到它的存在
例子:使一个按钮的长度占满屏幕一半
Radio 比例 属性
方便快捷调整控件的宽高比,结合Guideline使用更佳
例子:
app:layout_constraintDimensionRatio
想要宽度与总布局一样,但高度是宽度的三分之一
宽高比为3:1
Chain 链 属性
可以把这个当做成一个加强版的LinearLayout
由上图,很好的知道了A与B的约束,A的左边是父控件的左边,右边则是B,B的左边是A,B的右边的是父控件的右边
chainstyle
有三种属性,分别是spread
,spread_inside
,pack
,效果如下图
spread
元素将展开(默认)
spread_inside
元素展开,但链的端点不会展开
pack
链中的元素将包裹在一起。子控件的水平或垂直方向的偏置bias
属性会影响包裹中元素的位置
剩下的两种则是通过添加属性实现的
weighted chain
是在spread chain
的基础上,而packed chain with bias
则是在weight chain
的基础上
style为spread
的,使用layout_constraintHorizontal_weight
或layout_constraintVertical_weight
来设置weigh
权重
style为pack
的,使用layout_constraintHorizontal_bias
或layout_constraintVertical_bias
进行偏移设置,属性值0-1,也是百分比,改第一个元素
这里需要说明的是,除了水平,还可以是垂直排列,不过,不能通过属性来更改,而是通过约束来更改,把左边改为顶端,右边改为底部
如果是水平的,使用属性layout_constraintHorizontal_chainStyle
进行chainstyle属性的更改
垂直的则是使用layout_constraintVertical_chainStyle
例子:
三个按钮平分宽度(只需要将宽度设置为0dp
就可以达到目的)
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/2504.html
摘要:将为按钮与操作行为转换提供一些默认动画,而及更高版本可让您定制这实现炫酷的登录效果掘金有需要的,请直接下载源码。本文就通过一个具体的例掘金此项目基于开发的一个。 Material Design 学习资料收集 - Android - 掘金本人目前正在找工作,想了解我的详细情况请移步到我的 网页版简历 ,希望能得到各位的推荐,谢谢! 关于 Material Design 在这里我就不......
摘要:添加找到并拖到内。在右侧,面板可以改变已选择的各种属性。我们的目标是在容器以及之间创建约束。使用面板来修改最右边的为以及左侧改为将一个和一个放到中。并自动创建约束。Android ConstraintLayout详解 https://www.jianshu.com/p/a8b49ff64cd3 1. 概述 在本篇文章中,你会学习到有关ConstraintLayout -- ...
摘要:自定义之高仿支付宝芝麻信用分仪表盘效果最近写的一个自定义,仿了下支付宝新旧版的芝麻信用分的仪表盘效果。项目需求讨论自定义实现步骤及封装根据实际项目需求出发。来快速实现各种自定义界面的对话框。究其原因,目前只用到了最基础的一部分功能。 自定义 View 之高仿支付宝芝麻信用分仪表盘效果 最近写的一个自定义 View,仿了下支付宝新旧版的芝麻信用分的仪表盘效果。 项目需求讨论 - Andr...
摘要:与老前辈使用攻略刷新篇掘金小序继使用攻略助力篇之后,一直没有更新上下拉刷新的功能实现,主要还是受限于个人现有的技术实力,总觉得没有经过实际打磨的,就不敢有上场的自信。 DrawerLayout 和 NavigationView 使用详解 - Android - 掘金Android Material Design Library 推出了很长时间,越来越多的APP使用了符合Library ...
阅读 3180·2021-11-22 12:04
阅读 2499·2019-08-29 13:49
阅读 378·2019-08-26 13:45
阅读 2090·2019-08-26 11:56
阅读 841·2019-08-26 11:43
阅读 459·2019-08-26 10:45
阅读 1138·2019-08-23 16:48
阅读 2042·2019-08-23 16:07