nsions on ConstraintLayout (最大最小尺寸)
ConstraintLayout本身可以定义自己的最大/最小尺寸:
-
android:minWidth
设置布局的最小宽度 -
android:minHeight
设置布局的最小高度 -
android:maxWidth
设置布局的最大宽度 -
android:maxHeight
设置布局的最大高度
这些最小尺寸当ConstraintLayout被设置为WRAP_CONTENT时有效。
Widgets dimension constraints (控件尺寸约束)
控件的尺寸可以通过android:layout_width
和android:layout_height
来设置,有三种方式:
- 使用固定值(文字值如123dp或
Dimension
reference) - 使用WRAP_CONTENT
- 使用0dp(相当于MATCH_CONSTRAINT)
前两种方式和其他布局的用法相同,最后一种是通过填充约束来重新设置控件的尺寸(如上图 ,(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”
下面的例子演示了没有设置强制约束和设置了强制约束的对比:
如图所示,同样设置了最大宽度,imageViewB起作用,imageViewA没有起作用
MATCH_CONSTRAINT dimensions
此属性在1.1版本添加
当尺寸设置为MATCH_CONSTRAINT(0dp,默认行为是使结果大小占用所有可用空间)时。1.1版本之后,还有几个额外的修饰符:
-
layout_constraintWidth_min
andlayout_constraintHeight_min
: 指定当前控件的最小宽度或高度 -
layout_constraintWidth_max
andlayout_constraintHeight_max
: 指定当前控件的最大宽度或高度 -
layout_constraintWidth_percent
andlayout_constraintHeight_percent
: 指定当前控件的宽度或高度是父控件的百分之多少。可设置的值在 0 - 1 之间,1 就是 100%
A设置为0dp,所以铺满整个宽度 B加了个50%的百分比,所以宽度为一半 C限制了最大宽度和最小高度 效果如下图
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"
orapp:layout_constraintHeight_default="percent"
- Then set the
layout_constraintWidth_percent
orlayout_constraintHeight_percent
attributes to a value between 0 and 1
Ratio (比例)
这里的比例指的是宽高比,通过设置比例,让宽高的其中一个随另一个变化。为了实现比例,需要让控件宽或高受约束,且尺寸设置为0dp
(也可以是MATCH_CONSTRAINT
),eg:
上图中,imageViewB的宽度满足受约束且设置为0dp的条件,所以其尺寸会按照比例随高度调整。
比例的设置有两种格式:
- 宽度与高度的比,可理解为
受约束的一方尺寸:另一方尺寸
- 浮点值,表示宽度和高度之间的比率
[外链图片转存中…(img-7ABlAOHn-1637902425785)]
上图中,imageViewB的宽度满足受约束且设置为0dp的条件,所以其尺寸会按照比例随高度调整。
比例的设置有两种格式:
- 宽度与高度的比,可理解为
受约束的一方尺寸:另一方尺寸
- 浮点值,表示宽度和高度之间的比率