From 3eba5d8409198b37fd0c1497b0aff6188fd0dd71 Mon Sep 17 00:00:00 2001 From: limeng Date: Mon, 31 Oct 2022 16:18:16 +0800 Subject: [PATCH] modify the description of layoutDirection Signed-off-by: limeng --- .../reference/arkui-ts/ts-container-waterflow.md | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-waterflow.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-waterflow.md index e51d8311d5..dfaac512ef 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-container-waterflow.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-waterflow.md @@ -42,19 +42,21 @@ WaterFlow(options?: {footer?: CustomBuilder, scroller?: Scroller}) | rowsGap | Length |设置行与行的间距。
默认值：0| | layoutDirection | [FlexDirection](ts-appendix-enums.md#flexdirection) |设置布局的主轴方向。
默认值：FlexDirection::COLUMN| -WaterFlow组件的layoutDirection、rowsTemplate和columnsTemplate属性之间的相互关系：layoutDirection优先级高于rowsTemplate和columnsTemplate，设定符合布局方向的Template设置、忽略不符合布局方向的Template设置。根据设置情况，可分为以下三种属性设置模式： +WaterFlow组件的layoutDirection、rowsTemplate和columnsTemplate属性之间的约束关系说明： -- layoutDirection设置纵向布局（FlexDirection::COLUMN 或 FlexDirection::COLUMN_REVERSE）： +- layoutDirection优先级高于rowsTemplate和columnsTemplate。根据layoutDirection设置情况，分为以下三种设置模式。 -此时，取影响纵向布局的columnsTemplate设置（如果未设置，取默认值），忽略影响横向布局的rowsTemplate设置。例如columnsTemplate设置为"1fr 1fr"、rowsTemplate设置为"1fr 1fr 1fr"时，展示为纵向的，并且辅轴为均分2列的布局。 +- layoutDirection设置纵向布局（FlexDirection::COLUMN 或 FlexDirection::COLUMN_REVERSE） -- layoutDirection设置横向布局（FlexDirection::ROW 或 FlexDirection::ROW_REVERSE）： + 此时columnsTemplate有效（如果未设置，取默认值）。例如columnsTemplate设置为"1fr 1fr"、rowsTemplate设置为"1fr 1fr 1fr"时，瀑布流组件纵向布局，辅轴均分成横向2列。 -此时，取影响横向布局的rowsTemplate设置（如果未设置，取默认值），忽略纵向布局的columnsTemplate设置。例如columnsTemplate设置为"1fr 1fr"、rowsTemplate设置为"1fr 1fr 1fr"时，展示为横向的，并且辅轴为均分3列的布局。 +- layoutDirection设置横向布局（FlexDirection::ROW 或 FlexDirection::ROW_REVERSE） -- layoutDirection未设置布局方向： + 此时rowsTemplate有效（如果未设置，取默认值）。例如columnsTemplate设置为"1fr 1fr"、rowsTemplate设置为"1fr 1fr 1fr"时，瀑布流组件横向布局，辅轴均分成纵向3列。 -此时，布局方向取layoutDirection的默认值：FlexDirection::COLUMN，设定组件为纵向布局。取影响纵向布局的columnsTemplate设置（如果未设置，取默认值），忽略影响横向布局的rowsTemplate设置。例如columnsTemplate设置为"1fr 1fr"、rowsTemplate设置为"1fr 1fr 1fr"时，展示为纵向的，并且辅轴为均分2列的布局。 +- layoutDirection未设置布局方向 + + 布局方向为layoutDirection的默认值：FlexDirection::COLUMN，此时columnsTemplate有效。例如columnsTemplate设置为"1fr 1fr"、rowsTemplate设置为"1fr 1fr 1fr"时，瀑布流组件纵向布局，辅轴均分成横向2列。 ## 事件 -- GitLab