Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
7490534e
D
Docs
项目概览
OpenHarmony
/
Docs
大约 2 年 前同步成功
通知
161
Star
293
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
提交
7490534e
编写于
8月 05, 2022
作者:
H
HelloCrease
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
Signed-off-by:
N
HelloCrease
<
lian15@huawei.com
>
上级
4bdb5305
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
31 addition
and
31 deletion
+31
-31
zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md
...n/application-dev/reference/arkui-ts/ts-container-grid.md
+14
-22
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md
...tion-dev/reference/arkui-ts/ts-drawing-components-path.md
+17
-9
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md
浏览文件 @
7490534e
#
Grid
Grid
>  **说明:**
>  **说明:**
> 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
> 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
...
@@ -26,30 +26,22 @@ Grid()
...
@@ -26,30 +26,22 @@ Grid()
## 属性
## 属性
| 名称 | 参数类型 | 默认值 | 描述 |
| 名称 | 参数类型 | 默认值 | 描述 |
| --------
| -------- | -------- |
-------- |
| --------
-------------------------------- | ------- | ----- | --------------------------------
-------- |
| columnsTemplate | string | '1fr' | 用于设置当前网格布局列的数量,不设置时默认1列
示例,
'1fr
1fr
2fr'
分三列,将父组件允许的宽分为4等份,第一列占1份,第二列占一份,第三列占2份。 |
| columnsTemplate | string | '1fr' | 用于设置当前网格布局列的数量,不设置时默认1列
示例,
'1fr
1fr
2fr'
分三列,将父组件允许的宽分为4等份,第一列占1份,第二列占一份,第三列占2份。 |
| rowsTemplate | string | '1fr' | 用于设置当前网格布局行的数量,不设置时默认1行
示例,
'1fr
1fr
2fr'分三行,将父组件允许的高分为4等份,第一行占1份,第二行占一份,第三行占2份。 |
| rowsTemplate | string | '1fr' | 用于设置当前网格布局行的数量,不设置时默认1行
示例,
'1fr
1fr
2fr'分三行,将父组件允许的高分为4等份,第一行占1份,第二行占一份,第三行占2份。 |
| columnsGap | Length | 0 | 用于设置列与列的间距。 |
| columnsGap | Length | 0 | 用于设置列与列的间距。 |
| rowsGap | Length | 0 | 用于设置行与行的间距。 |
| rowsGap | Length | 0 | 用于设置行与行的间距。 |
| editMode
<
font
color=
ff0000
><sup>
8+
</sup></font>
| boolean | flase | 是否进入编辑模式,进入编辑模式可以拖拽Gird组件内部
[
GridItem
](
ts-container-griditem.md
)
。 |
| editMode
<
sup>
8+
</sup>
| boolean | flase | 是否进入编辑模式,进入编辑模式可以拖拽Gird组件内部
[
GridItem
](
ts-container-griditem.md
)
。 |
| layoutDirection
<
font
color=
ff0000
><sup>
8+
</sup></font>
| number | 0 |设置布局的主轴方向,目前支持的主轴布局方向如下:
<br/>
- 0:主轴布局方向沿水平方向布局,即先填满一列,再去填下一列。
<br/>
- 1:主轴布局方向沿垂直方向布局,即先填满一行,再去填下一行。
|
| layoutDirection
<
sup>
8+
</sup>
| number | 0 | 设置布局的主轴方向,目前支持的主轴布局方向如下:
<br/>
- 0:主轴布局方向沿水平方向布局,即先填满一列,再去填下一列。
<br/>
- 1:主轴布局方向沿垂直方向布局,即先填满一行,再去填下一行。
|
| maxCount
<font
color=
ff0000
><sup>
8+
</sup></font>
| number | 1 | 当layoutDirection是0时,表示可显示的最大行数
<br/>
当layoutDirection是1时,表示可显示的最大列数。 |
| maxCount
<font
color=
ff0000
><sup>
8+
</sup></font>
| number | 1 | 当layoutDirection是0时,表示可显示的最大行数
<br/>
当layoutDirection是1时,表示可显示的最大列数。 |
| minCount
<font
color=
ff0000
><sup>
8+
</sup></font>
| number | 1 | 当layoutDirection是0时,表示可显示的最小行数。
<br/>
当layoutDirection是1时,表示可显示的最小列数。 |
| minCount
<font
color=
ff0000
><sup>
8+
</sup></font>
| number | 1 | 当layoutDirection是0时,表示可显示的最小行数。
<br/>
当layoutDirection是1时,表示可显示的最小列数。 |
| cellLength
<font
color=
ff0000
><sup>
8+
</sup></font>
| number | 0 | 当layoutDirection是0时,表示一行的高度。
<br/>
当layoutDirection是1时,表示一列的宽度。 |
| cellLength
<font
color=
ff0000
><sup>
8+
</sup></font>
| number | 0 | 当layoutDirection是0时,表示一行的高度。
<br/>
当layoutDirection是1时,表示一列的宽度。 |
| multiSelectable
<font
color=
ff0000
><sup>
8+
</sup></font>
| boolean | false | 是否开启鼠标框选。
<br/>
-
false:关闭框选。
<br/>
-
true:开启框选。 |
| multiSelectable
<font
color=
ff0000
><sup>
8+
</sup></font>
| boolean | false | 是否开启鼠标框选。
<br/>
-
false:关闭框选。
<br/>
-
true:开启框选。 |
| dragAnimation
<font
color=
ff0000
><sup>
8+
</sup></font>
| boolean | false | 是否开启拖拽GridItem动画。 |
| edgeEffection
<font
color=
ff0000
><sup>
8+
</sup></font>
| EdgeEffect | EdgeEffect.Spring | 设置边缘滑动效果,目前支持的滑动效果参见EdgeEffect枚举说明。 |
-
EdgeEffect枚举说明
| 名称 | 描述 |
| -------- | -------- |
| Spring | 弹性物理动效,滑动到边缘后可以根据初始速度或通过触摸事件继续滑动一段距离,松手后回弹。 |
| None | 滑动到边缘后无效果。 |
## 事件
## 事件
| 名称 | 功能描述 |
| 名称 | 功能描述 |
| --------
|
-------- |
| --------
-------------------------------- | ---------------
-------- |
| onScrollIndex(first:
number)
=
>
void | 当前列表显示的起始位置item发生变化时触发。 |
| onScrollIndex(first:
number)
=
>
void | 当前列表显示的起始位置item发生变化时触发。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md
浏览文件 @
7490534e
# Path
# Path
>  **说明:**
> **说明:**
>
> 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
> 该组件从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 | 否 | 路径所在矩形的宽度。 |
| width
| number
\|
string | 0 | 否 | 路径所在矩形的宽度。 |
| height
| Length | 0 | 否 | 路径所在矩形的高度。 |
| height
| number
\|
string | 0 | 否 | 路径所在矩形的高度。 |
| commands | string | '' | 是 | 路径绘制的命令字符串。 |
| commands | string | '' | 是 | 路径绘制的命令字符串。 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录