博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ConstraintLayout约束布局的一些知识点(相对定位、角度定位、Barrier、Guideline和Group)
阅读量:2086 次
发布时间:2019-04-29

本文共 1315 字,大约阅读时间需要 4 分钟。

1、相对定位

值得一说的有两点:

a. layout_constraintBaseline_toBaselineOf,Baseline指的是文本基线。

效果图如下:

虽然两个TextView高度不同,字体大小不同,但是文本是对齐的。

b.layout_constraintLeft_toLeftOf与layout_constraintRight_toRightOf匹配,layout_constraintStart_toStartOf与layout_constraintEnd_toEndOf匹配,否则无法居中显示。

匹配情况下,效果图如下:

如果是layout_constraintLeft_toLeftOf与layout_constraintEnd_toEndOf 或者 layout_constraintStart_toStartOf与layout_constraintRight_toRightOf,不匹配情况下,效果图如下:

2、角度定位

角度定位指的是可以用一个角度和一个距离来约束两个控件的中心。

主要用到三个属性:

app:layout_constraintCircle="@+id/textA"app:layout_constraintCircleAngle="45"(角度)app:layout_constraintCircleRadius="100dp"(距离)

效果如下图所示

3、Barrier 屏障线

a.方向,barrierDirection一共有四个方向:上(top)下(bottom)左(start、left)右(end、right)。

b.位置,根据constraint_referenced_ids多个组件中最边缘的位置确定。多个 id ,使用逗号隔开。

示例 : 组件1和2 , 在水平方向上 , 组件3的左侧必须在1、2(2的文本比1多,最右侧位置以2为准)两个组件的右侧,那么就用一个Barrier设置在组件1、2的右侧,然后组件3设置在Barrier右侧即可。

c.屏障线移动

如果屏障包含的组件1、2(2的文本变得比1短,最右侧位置以1为准)的右侧位置发生了改变 , 那么右侧方向的屏障线也会随之进行变化。如下图所示:

4、Guideline 引导线

主要属性:

android:orientation 垂直vertical,水平horizontal

layout_constraintGuide_begin 开始位置
layout_constraintGuide_end 结束位置
layout_constraintGuide_percent  距离百分比

示例:guideline和guideline2为水平辅助线,guideline开始位置为距离顶部200dp,guideline2开始位置为屏幕高的0.5;guideline3和guideline4为垂直辅助线,guideline3开始位置为屏幕宽的0.5,guideline4结束位置为距离右侧200dp。

5、Group

Group可以把多个控件归为一组,方便隐藏或显示一组控件。不用逐个控件设置显隐性。

参考链接:

转载地址:http://assqf.baihongyu.com/

你可能感兴趣的文章
如果某个方法是静态的,它的行为就不具有多态性
查看>>
优化Hibernate所鼓励的7大措施
查看>>
Java 8系列之重新认识HashMap
查看>>
HashMap 、 ArrayList、String 重写了equals方法 而Object类(比如User)没有重写
查看>>
Servlet的生命周期
查看>>
Object中的getClass()返回的是当前运行的类
查看>>
加载驱动程序的方法
查看>>
深入理解java异常处理机制
查看>>
object类的基本方法
查看>>
回答阿里社招面试如何准备,顺便谈谈对于Java程序猿学习当中各个阶段的建议
查看>>
Dubbo分布式服务框架入门(附工程)
查看>>
两年Java开发工作经验面试总结
查看>>
作为Java面试官--谈谈一年来的面试总结
查看>>
两年Java程序员面试经
查看>>
面试心得与总结---BAT、网易、蘑菇街
查看>>
如何面试有2年java工作经验的应聘人员
查看>>
Java实现简单的递归操作
查看>>
Java实现简单的递归操作
查看>>
Struts2工作原理和执行流程图
查看>>
在线预览Word,Excel~
查看>>