From 14abf3333997db3899cfa37a5ddb3e930ad03c1d Mon Sep 17 00:00:00 2001 From: xiexiyun Date: Tue, 16 May 2023 02:37:00 +0000 Subject: [PATCH] blank and constraint size Signed-off-by: xiexiyun Change-Id: If9870a9ee2e08edda287ba1bbfcf24ff09246bf8 --- .../reference/arkui-ts/ts-basic-components-blank.md | 2 +- .../arkui-ts/ts-universal-attributes-size.md | 11 ++++++++++- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-blank.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-blank.md index 891e3964de..0abe6c1631 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-blank.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-blank.md @@ -1,6 +1,6 @@ # Blank -空白填充组件，在容器主轴方向上，空白填充组件具有自动填充容器空余部分的能力。仅当父组件为Row/Column时生效。 +空白填充组件，在容器主轴方向上，空白填充组件具有自动填充容器空余部分的能力。仅当父组件为Row/Column/Flex时生效。 > **说明：** > diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md index 20f8cb1d3d..80b9547e59 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md @@ -17,10 +17,19 @@ | size | {
width?: [Length](ts-types.md#length),
height?: [Length](ts-types.md#length)
} | 设置高宽尺寸。
从API version 9开始，该接口支持在ArkTS卡片中使用。
从API version 10开始，该接口支持calc计算特性。 | | padding | [Padding](ts-types.md#padding) \| [Length](ts-types.md#length) | 设置内边距属性。
参数为Length类型时，四个方向内边距同时生效。
默认值：0
padding设置百分比时，上下左右内边距均以父容器的width作为基础值。
从API version 9开始，该接口支持在ArkTS卡片中使用。
从API version 10开始，该接口支持calc计算特性。 | | margin | [Margin](ts-types.md#margin) \| [Length](ts-types.md#length) | 设置外边距属性。
参数为Length类型时，四个方向外边距同时生效。
默认值：0
margin设置百分比时，上下左右外边距均以父容器的width作为基础值。
从API version 9开始，该接口支持在ArkTS卡片中使用。
从API version 10开始，该接口支持calc计算特性。 | -| constraintSize | {
minWidth?: [Length](ts-types.md#length),
maxWidth?: [Length](ts-types.md#length),
minHeight?: [Length](ts-types.md#length),
maxHeight?: [Length](ts-types.md#length)
} | 设置约束尺寸，组件布局时，进行尺寸范围限制。constraintSize的优先级高于Width和Height。若设置的minWidth大于maxWidth，则minWidth生效，minHeight与maxHeight同理。
默认值：
{
minWidth: 0,
maxWidth: Infinity,
minHeight: 0,
maxHeight: Infinity
}
从API version 9开始，该接口支持在ArkTS卡片中使用。
从API version 10开始，该接口支持calc计算特性。 | +| constraintSize | {
minWidth?: [Length](ts-types.md#length),
maxWidth?: [Length](ts-types.md#length),
minHeight?: [Length](ts-types.md#length),
maxHeight?: [Length](ts-types.md#length)
} | 设置约束尺寸，组件布局时，进行尺寸范围限制。constraintSize的优先级高于Width和Height。取值结果[参考](ts-universal-attributes-size.md##constraintSize取值对width/height影响)。
默认值：
{
minWidth: 0,
maxWidth: Infinity,
minHeight: 0,
maxHeight: Infinity
}
从API version 9开始，该接口支持在ArkTS卡片中使用。
从API version 10开始，该接口支持calc计算特性。 | | layoutWeight | number \| string | 父容器尺寸确定时，设置了layoutWeight属性的子元素与兄弟元素占主轴尺寸按照权重进行分配，忽略元素本身尺寸设置，表示自适应占满剩余空间。
默认值：0
从API version 9开始，该接口支持在ArkTS卡片中使用。
**说明：**
仅在Row/Column/Flex布局中生效。
可选值为大于等于0的数字，或者可以转换为数字的字符串。 | +## constraintSize取值对width/height影响 +|大小排列|结果| +|-----|------| +|minWidth/minHeight < width/height< maxWidth/maxHeight|width/height| +|minWidth/minHeight < maxWidth/maxHeight < width/height| maxWidth/maxHeight| +|maxWidth/maxHeight < minWidth/minHeight < width/height| minWidth/minHeight| +|maxWidth/maxHeight < width/height< minWidth/minHeight| minWidth/minHeight| +|width/height < maxWidth/maxHeight < minWidth/minHeight| minWidth/minHeight| +|width/height < minWidth/minHeight < maxWidth/maxHeight| minWidth/minHeight| ## 示例 ```ts -- GitLab