ConstrainLayout 基础教程2,android高级开发及实践课后题

Minimum and maximum dime

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

nsions on ConstraintLayout (最大最小尺寸)

ConstraintLayout本身可以定义自己的最大/最小尺寸:

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

这些最小尺寸当ConstraintLayout被设置为WRAP_CONTENT时有效。

Widgets dimension constraints (控件尺寸约束)

控件的尺寸可以通过android:layout_widthandroid:layout_height来设置,有三种方式:

  • 使用固定值(文字值如123dp或 Dimension reference)
  • 使用WRAP_CONTENT
  • 使用0dp(相当于MATCH_CONSTRAINT

image.png

前两种方式和其他布局的用法相同,最后一种是通过填充约束来重新设置控件的尺寸(如上图 ,(a)是wrap_content,(b)是0dp。代码案例如下:

<Button android:layout_width=“0dp” // 这里对宽度设置MATCH_CONSTRAINT,结合3、4两行实现约束
android:layout_height=“wrap_content”
app:layout_constraintLeft_toLeftOf=“parent”
app:layout_constraintRight_toRightOf=“parent”/>

如果设置了边距,那么外边距就会在尺寸计算中被考虑进去 如上图(c)中的0dp

划重点:0dp并不是类似于以前的MATCH_PARENT,它match的是约束。 如上图(b) 他的左右约束是parent,所以他设置0dp就铺满父宽度,但是©,他的左边有个约束为margin,右边约束到parent,所以这个0dp就是从左约束(那个margin值)到最右边(parent)

**重点:**对于ConstraintLayout中包含的控件,不建议使用MATCH_PARENT。可以通过使用MATCH_CONSTRAINT来定义类似的行为,其中相应的左/右或上/下约束被设置为parent

Enforcing constraints(强制约束)

此属性在1.1版本添加

在 1.1 版本之前,如果将控件的尺寸设置为了 WRAP_CONTENT,那么对控件设置约束(如:minWidth 等)是不起作用的。那么强制约束(Enforcing constraints)的作用就是,在控件被设置 WRAP_CONTENT 的情况下,使约束依然生效。

  • app:layout_constrainedWidth=”true|false”
  • app:layout_constrainedHeight=”true|false”

下面的例子演示了没有设置强制约束和设置了强制约束的对比:

image.png

如图所示,同样设置了最大宽度,imageViewB起作用,imageViewA没有起作用

MATCH_CONSTRAINT dimensions

此属性在1.1版本添加

当尺寸设置为MATCH_CONSTRAINT(0dp,默认行为是使结果大小占用所有可用空间)时。1.1版本之后,还有几个额外的修饰符:

  • layout_constraintWidth_min and layout_constraintHeight_min : 指定当前控件的最小宽度或高度
  • layout_constraintWidth_max and layout_constraintHeight_max : 指定当前控件的最大宽度或高度
  • layout_constraintWidth_percent and layout_constraintHeight_percent : 指定当前控件的宽度或高度是父控件的百分之多少。可设置的值在 0 - 1 之间,1 就是 100%

A设置为0dp,所以铺满整个宽度 B加了个50%的百分比,所以宽度为一半 C限制了最大宽度和最小高度 效果如下图

image.png

Min and Max:

为min和max指示的值可以是dp,也可以是“wrap”(它将使用与WRAP_CONTENT相同的值)

Percent dimension:

To use percent, you need to set the following:

  • The dimension should be set to MATCH_CONSTRAINT (0dp)
  • The default should be set to percent app:layout_constraintWidth_default="percent" or app:layout_constraintHeight_default="percent"
  • Then set the layout_constraintWidth_percent or layout_constraintHeight_percent attributes to a value between 0 and 1
Ratio (比例)

这里的比例指的是宽高比,通过设置比例,让宽高的其中一个随另一个变化。为了实现比例,需要让控件宽或高受约束,且尺寸设置为0dp(也可以是MATCH_CONSTRAINT),eg:

image.png

上图中,imageViewB的宽度满足受约束且设置为0dp的条件,所以其尺寸会按照比例随高度调整。

比例的设置有两种格式:

  • 宽度与高度的,可理解为受约束的一方尺寸:另一方尺寸
  • 浮点值,表示宽度和高度之间的比率

[外链图片转存中…(img-7ABlAOHn-1637902425785)]

上图中,imageViewB的宽度满足受约束且设置为0dp的条件,所以其尺寸会按照比例随高度调整。

比例的设置有两种格式:

  • 宽度与高度的,可理解为受约束的一方尺寸:另一方尺寸
  • 浮点值,表示宽度和高度之间的比率
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值