美文网首页
Android控件之 ConstraintLayout

Android控件之 ConstraintLayout

作者: 蜀汉玫瑰 | 来源:发表于2019-03-31 22:44 被阅读0次

    直接看属性对应的作用

    1、同级约束属性(属性值为对方id)

    layout_constraintLeft_toLeftOf 我的左侧与你的左侧对齐

    layout_constraintLeft_toRightOf  我的左侧与你的右侧对齐

    layout_constraintRight_toLeftOf  我的右侧与你的左侧对齐

    layout_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 我的右侧与你的右侧对齐

    2、与父控件约束(属性值为“parent”)

    app:layout_constraintBottom_toBottomOf="parent" 我的底部与父亲底部对齐

    app:layout_constraintTop_toTopOf="parent" 我的顶部与父亲的顶部对齐

    app:layout_constraintLeft_toLeftOf="parent" 我的左侧与父亲的左侧对齐

    app:layout_constraintRight_toRightOf="parent" 我的右侧与父亲的右侧对齐

    3、居中对齐方式

    剧中对齐是由2个对齐方式共同约束达到的作用

    水平居中

    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"

    垂直居中

    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"

    完全居中

    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"

    4、边距

    与普通的布局边距一样

    android:layout_marginStart
    android:layout_marginEnd
    android:layout_marginLeft
    android:layout_marginTop
    android:layout_marginRight
    android:layout_marginBottom

    5、Bias约束

    上面说过的居中模式,与父控件左边对齐和父控件右边对齐达到水平居中效果,这时候就相当于一个东西被2根相同的弹簧从水平俩侧拉着达到居中,而bias就是控制这个弹簧的弹力达到居中之后再进行水平偏移。

    layout_constraintHorizontal_bias 水平约束力
    layout_constraintVertical_bias  垂直约束力

    取值范围不知道,尝试了 0 对应最左边,1对应最右边,0.5对应居中,0~0.5之间在左侧到中心之间,0.5~1在中心与右侧之间,而小于0时无效果,大于1时,比如1.1,1.2等值时会将控件一部分拉扯出界面,超过一定的数之后控件不可见。。。这个取值具体原理有待阅读源码再讨论。

    6、圆形定位(Circular positioning)

    这个含义讲的是一个view从距离和角度相对于另一个view的位置

    属性组
    layout_constraintCircle :引用另一个小部件ID
    layout_constraintCircleRadius :到其他小部件中心的距离
    layout_constraintCircleAngle :小部件应该处于哪个角度(以度为单位,从0到360)

    Google介绍图片

    7、可见性Visibility

    android:visibility="gone"

    这个相对于我们以前的概念,用法是一样的,只是含义上有些不同了,以前2个view相互依赖,被依赖的那个控件设置为gone时,我们会发现,依赖的那个view就会失去所有相对属性。

    而现在,如果一个控件设置成了gone,那么他并不是从屏幕中消失了,而是变为了一个不可见的点,并且他的margin,padding属性都消失了,这时候依赖他的那个view,依然会存在原有的依赖。

    8、尺寸限制(Dimensions constraints )

    android:minWidth 设置布局的最小宽度
    android:minHeight 设置布局的最小高度
    android:maxWidth 设置布局的最大宽度
    android:maxHeight 设置布局的最大高度

    这些属性只有在设置宽度或者高度为wrap_content时有效果。

    9、宽高约束(Widgets dimension constraints)

    这个讲的是我们设置控件的宽高属性

    android:layout_width
    android:layout_height

    但是它相对于以前有个不同就是多了个 0dp,以前的除了线性布局中设置了权重的时候能设置0dp,其他地方设置0dp会报错。

    含义如下:

    wrap_content View计算自己的大小
    match_parent View填充父布局
    0dp 相当于MATCH_CONSTRAINT(后面会单独讲),简单理解为占用父控件剩余空间

    10、强制约束

    app:layout_constrainedWidth=”true|false”
    app:layout_constrainedHeight=”true|false”
    当view设置成wrap_content的情况下有效果

    这个是什么意思呢?在我们2个view进行约束的情况下,如果一个view出现过长的内容,这时候我们会发现约束会被打破,看下效果:

    情况1-button2未相对于父控件右侧对齐 情况1下的效果 情况2-button添加右侧与父控件对齐 情况2的效果

    从上面我们看到,这个布局是有问题的,首先第一个右侧超出了父控件范围,这个跟这里讲的其实没有啥联系,只是也列出来看看,第二种情况就是我们要讲的,约束被打破了,第二个按钮本来应该是在第一个按钮的右侧的,而这时候看到,在右侧偏左,这时候我们就需要上面的属性了,我们看看设置完属性之后的效果:

    设置了强制约束属性为true

    11、MATCH_CONSTRAINT

    使用就是将宽或高设置成0dp,默认是view占用所有可用空间,下面是一些和他配合使用的属性:

    layout_constraintWidth_minlayout_constraintHeight_min:将设置此维度的最小大小
    layout_constraintWidth_maxlayout_constraintHeight_max:将设置此维度的最大大小
    layout_constraintWidth_percentlayout_constraintHeight_percent:将此维度的大小设置为父级的百分比(0~1之间)

    这个含义其实就是设置以什么样的方式占用父控件剩余空间

    12、按比例设置宽高(Ratio)

    app:layout_constraintDimensionRatio="16:9" 按这个比例设置宽高比

    要求宽高至少一个设置为 0dp(即MATCH_CONSTRAINT)
    取值浮点值 表示宽度和高度之间的比率
    取值“宽度:高度” 表示宽高比

    如果宽高都设置我为0dp,也可以使用比率。在这种情况下,系统设置满足所有约束的最大尺寸并保持指定的纵横比。要根据另一个特定边的尺寸限制一个特定边,可以预先附加W,“或” H,分别约束宽度或高度。例如,如果一个尺寸受两个目标约束(例如,宽度为0dp且以父节点为中心),则可以指示应该约束哪一边,通过 在比率前添加字母W(用于约束宽度)或H(用于约束高度),用逗号分隔开:
    app:layout_constraintDimensionRatio="H,16:9"

    含义其实就是,在满足宽度约束之后,根据宽度和比例设置高度的结果。

    13、Chains(链)

    layout_constraintHorizontal_chainStyle
    layout_constraintVertical_chainStyle

    取值
    CHAIN_SPREAD - 元素将展开(默认样式)
    加权链接CHAIN_SPREAD模式,如果设置了一些小部件MATCH_CONSTRAINT,它们将分割可用空间
    CHAIN_SPREAD_INSIDE - 类似,但链的端点不会分散
    CHAIN_PACKED - 链条的元素将被包装在一起。然后,子项的水平或垂直偏差属性将影响打包元素的定位

    14、虚拟视图

    Guideline

    Barrier

    Group

    所谓虚视图就是布局中辅助我们进行布局,但是实际上他是不会显示出来的。
    什么是虚视图呢?其实我们可用看看他的源码实现:
    我们看到Guideline其实是一个普通的View,然后在构造函数里将自己设置为GONE
    并且setVisibility()为空方法,该View就永远为GONE了.
    draw()方法为空,意思是不用去绘画.
    onMeasure()中将自己长宽设置成0.
    Guideline就是一个不可见的且不用测量,不用绘制,那么我们就可以忽略其绘制消耗.
    其他2个虚视图也类似。

    15、Optimizer优化

    ConstraintLayout 的属性
    app:layout_optimizationLevel="standard|dimensions|chains"

    取值:
    none:不优化
    standard:默认,仅优化直接和障碍约束
    direct:优化直接约束
    barrier:优化障碍约束
    chain:优化链条约束
    dimensions: 优化维度测量,减少匹配约束元素的度量数量

    写得不好的地方多多海涵,有错误的地方欢迎留言区交流指正!

    借鉴文章:https://www.jianshu.com/p/ddc16a37dfa9

    编程不仅是一门技术!

    编程更加是一门艺术!

    相关文章

      网友评论

          本文标题:Android控件之 ConstraintLayout

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