From 7490534e6f169239fa8695d0522bdae4fbab00c4 Mon Sep 17 00:00:00 2001 From: HelloCrease Date: Fri, 5 Aug 2022 14:30:23 +0800 Subject: [PATCH] update docs Signed-off-by: HelloCrease --- .../reference/arkui-ts/ts-container-grid.md | 36 ++++++++----------- .../arkui-ts/ts-drawing-components-path.md | 26 +++++++++----- 2 files changed, 31 insertions(+), 31 deletions(-) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md index 1fdc28ec99..0ba7bbb0ee 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md @@ -1,4 +1,4 @@ -# Grid +Grid > ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：** > 该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 @@ -25,31 +25,23 @@ Grid() ## 属性 -| 名称 | 参数类型 | 默认值 | 描述 | -| -------- | -------- | -------- | -------- | -| columnsTemplate | string | '1fr' | 用于设置当前网格布局列的数量，不设置时默认1列 示例, '1fr 1fr 2fr' 分三列，将父组件允许的宽分为4等份，第一列占1份，第二列占一份，第三列占2份。 | -| rowsTemplate | string | '1fr' | 用于设置当前网格布局行的数量，不设置时默认1行 示例, '1fr 1fr 2fr'分三行，将父组件允许的高分为4等份，第一行占1份，第二行占一份，第三行占2份。 | -| columnsGap | Length | 0 | 用于设置列与列的间距。 | -| rowsGap | Length | 0 | 用于设置行与行的间距。 | -| editMode 8+ | boolean | flase | 是否进入编辑模式，进入编辑模式可以拖拽Gird组件内部[GridItem](ts-container-griditem.md)。 | -| layoutDirection8+ | number | 0 |设置布局的主轴方向，目前支持的主轴布局方向如下：
- 0：主轴布局方向沿水平方向布局，即先填满一列，再去填下一列。
- 1：主轴布局方向沿垂直方向布局，即先填满一行，再去填下一行。| -| maxCount 8+ | number | 1 | 当layoutDirection是0时，表示可显示的最大行数
当layoutDirection是1时，表示可显示的最大列数。 | -| minCount 8+ | number | 1 | 当layoutDirection是0时，表示可显示的最小行数。
当layoutDirection是1时，表示可显示的最小列数。 | -| cellLength 8+ | number | 0 | 当layoutDirection是0时，表示一行的高度。
当layoutDirection是1时，表示一列的宽度。 | +| 名称 | 参数类型 | 默认值 | 描述 | +| ---------------------------------------- | ------- | ----- | ---------------------------------------- | +| columnsTemplate | string | '1fr' | 用于设置当前网格布局列的数量，不设置时默认1列 示例, '1fr 1fr 2fr' 分三列，将父组件允许的宽分为4等份，第一列占1份，第二列占一份，第三列占2份。 | +| rowsTemplate | string | '1fr' | 用于设置当前网格布局行的数量，不设置时默认1行 示例, '1fr 1fr 2fr'分三行，将父组件允许的高分为4等份，第一行占1份，第二行占一份，第三行占2份。 | +| columnsGap | Length | 0 | 用于设置列与列的间距。 | +| rowsGap | Length | 0 | 用于设置行与行的间距。 | +| editMode 8+ | boolean | flase | 是否进入编辑模式，进入编辑模式可以拖拽Gird组件内部[GridItem](ts-container-griditem.md)。 | +| layoutDirection8+ | number | 0 | 设置布局的主轴方向，目前支持的主轴布局方向如下：
- 0：主轴布局方向沿水平方向布局，即先填满一列，再去填下一列。
- 1：主轴布局方向沿垂直方向布局，即先填满一行，再去填下一行。 | +| maxCount 8+ | number | 1 | 当layoutDirection是0时，表示可显示的最大行数
当layoutDirection是1时，表示可显示的最大列数。 | +| minCount 8+ | number | 1 | 当layoutDirection是0时，表示可显示的最小行数。
当layoutDirection是1时，表示可显示的最小列数。 | +| cellLength 8+ | number | 0 | 当layoutDirection是0时，表示一行的高度。
当layoutDirection是1时，表示一列的宽度。 | | multiSelectable8+ | boolean | false | 是否开启鼠标框选。
- false：关闭框选。
- true：开启框选。 | -| dragAnimation8+ | boolean | false | 是否开启拖拽GridItem动画。 | -| edgeEffection8+ | EdgeEffect | EdgeEffect.Spring | 设置边缘滑动效果，目前支持的滑动效果参见EdgeEffect枚举说明。 | - -- EdgeEffect枚举说明 - | 名称 | 描述 | - | -------- | -------- | - | Spring | 弹性物理动效，滑动到边缘后可以根据初始速度或通过触摸事件继续滑动一段距离，松手后回弹。 | - | None | 滑动到边缘后无效果。 | ## 事件 -| 名称 | 功能描述 | -| -------- | -------- | +| 名称 | 功能描述 | +| ---------------------------------------- | ----------------------- | | onScrollIndex(first: number) => void | 当前列表显示的起始位置item发生变化时触发。 | ## 示例 diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md index 2521f303fd..91900e5f34 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md @@ -1,29 +1,37 @@ # Path -> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：** +> **说明：** +> > 该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 路径绘制组件。 -## 权限列表 +## 子组件 无 +## 接口 -## 子组件 +Path(value?: { width?: number | string, height?: number | string, commands?: string }) -无 +- 参数 + + | 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | + | -------- | ---------------- | ---- | ---- | ----------- | + | width | number \| string | 否 | 0 | 路径所在矩形的宽度。 | + | height | number \| string | 否 | 0 | 路径所在矩形的高度。 | + | commands | string | 否 | ‘ ’ | 路径绘制的命令字符串。 | ## 属性 -| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 | -| -------- | -------- | -------- | -------- | -------- | -| width | Length | 0 | 否 | 路径所在矩形的宽度。 | -| height | Length | 0 | 否 | 路径所在矩形的高度。 | -| commands | string | '' | 是 | 路径绘制的命令字符串。 | +| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 | +| -------- | ---------------- | ---- | ---- | ----------- | +| width | number \| string | 0 | 否 | 路径所在矩形的宽度。 | +| height | number \| string | 0 | 否 | 路径所在矩形的高度。 | +| commands | string | '' | 是 | 路径绘制的命令字符串。 | 支持的绘制命令如下： -- GitLab