Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
d9dbceb5
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
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看板
提交
d9dbceb5
编写于
7月 01, 2023
作者:
L
luoying_ace_admin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
revise docs
Signed-off-by:
N
luoying_ace_admin
<
luoying19@huawei.com
>
上级
e460ccb4
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
6 addition
and
2 deletion
+6
-2
zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md
...n/application-dev/reference/arkui-ts/ts-container-grid.md
+1
-0
zh-cn/application-dev/reference/arkui-ts/ts-container-list.md
...n/application-dev/reference/arkui-ts/ts-container-list.md
+2
-1
zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md
...application-dev/reference/arkui-ts/ts-container-scroll.md
+2
-1
zh-cn/application-dev/reference/arkui-ts/ts-container-waterflow.md
...lication-dev/reference/arkui-ts/ts-container-waterflow.md
+1
-0
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md
浏览文件 @
d9dbceb5
...
@@ -60,6 +60,7 @@ Grid(scroller?: Scroller)
...
@@ -60,6 +60,7 @@ Grid(scroller?: Scroller)
| multiSelectable
<sup>
8+
</sup>
| boolean | 是否开启鼠标框选。
<br/>
默认值:false
<br/>
-
false:关闭框选。
<br/>
-
true:开启框选。 |
| multiSelectable
<sup>
8+
</sup>
| boolean | 是否开启鼠标框选。
<br/>
默认值:false
<br/>
-
false:关闭框选。
<br/>
-
true:开启框选。 |
| supportAnimation
<sup>
8+
</sup>
| boolean | 是否支持动画。当前支持GridItem拖拽动画。
<br/>
默认值:false |
| supportAnimation
<sup>
8+
</sup>
| boolean | 是否支持动画。当前支持GridItem拖拽动画。
<br/>
默认值:false |
| edgeEffect
<sup>
10+
</sup>
|
[
EdgeEffect
](
ts-appendix-enums.md#edgeeffect
)
| 设置组件的滑动效果,支持弹簧效果和阴影效果。
<br/>
默认值:EdgeEffect.None
<br/>
|
| edgeEffect
<sup>
10+
</sup>
|
[
EdgeEffect
](
ts-appendix-enums.md#edgeeffect
)
| 设置组件的滑动效果,支持弹簧效果和阴影效果。
<br/>
默认值:EdgeEffect.None
<br/>
|
| enableScrollInteraction
<sup>
10+
</sup>
| boolean | 设置是否支持滚动手势,当设置为false时,无法通过手指或者鼠标滚动,但不影响控制器的滚动接口。
<br/>
默认值:true |
Grid组件根据rowsTemplate、columnsTemplate属性的设置情况,可分为以下三种布局模式:
Grid组件根据rowsTemplate、columnsTemplate属性的设置情况,可分为以下三种布局模式:
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-list.md
浏览文件 @
d9dbceb5
...
@@ -63,6 +63,7 @@ List(value?:{space?: number | string, initialIndex?: number, scroller?
...
@@ -63,6 +63,7 @@ List(value?:{space?: number | string, initialIndex?: number, scroller?
| lanes
<sup>
9+
</sup>
| number
\|
[
LengthConstrain
](
ts-types.md#lengthconstrain
)
| 以列模式为例(listDirection为Axis.Vertical):
<br/>
lanes用于决定List组件在交叉轴方向按几列布局。
<br/>
默认值:1
<br/>
规则如下:
<br/>
-
lanes为指定的数量时,根据指定的数量与List组件的交叉轴尺寸除以列数作为列的宽度。
<br/>
-
lanes设置了{minLength,maxLength}时,根据List组件的宽度自适应决定lanes数量(即列数),保证缩放过程中lane的宽度符合{minLength,maxLength}的限制。其中,minLength条件会被优先满足,即优先保证符合ListItem的交叉轴尺寸符合最小限制。
<br/>
-
lanes设置了{minLength,maxLength},如果父组件交叉轴方向尺寸约束为无穷大时,固定按一列排列,列宽度按显示区域内最大的ListItem计算
<br/>
-
ListItemGroup在多列模式下也是独占一行,ListItemGroup中的ListItem按照List组件的lanes属性设置值来布局。
<br/>
-
lanes设置了{minLength,maxLength}时,计算列数会按照ListItemGroup的交叉轴尺寸计算。当ListItemGroup交叉轴尺寸与List交叉轴尺寸不一致时ListItemGroup中的列数与List中的列数可能不一样。
<br/>
该接口支持在ArkTS卡片中使用。 |
| lanes
<sup>
9+
</sup>
| number
\|
[
LengthConstrain
](
ts-types.md#lengthconstrain
)
| 以列模式为例(listDirection为Axis.Vertical):
<br/>
lanes用于决定List组件在交叉轴方向按几列布局。
<br/>
默认值:1
<br/>
规则如下:
<br/>
-
lanes为指定的数量时,根据指定的数量与List组件的交叉轴尺寸除以列数作为列的宽度。
<br/>
-
lanes设置了{minLength,maxLength}时,根据List组件的宽度自适应决定lanes数量(即列数),保证缩放过程中lane的宽度符合{minLength,maxLength}的限制。其中,minLength条件会被优先满足,即优先保证符合ListItem的交叉轴尺寸符合最小限制。
<br/>
-
lanes设置了{minLength,maxLength},如果父组件交叉轴方向尺寸约束为无穷大时,固定按一列排列,列宽度按显示区域内最大的ListItem计算
<br/>
-
ListItemGroup在多列模式下也是独占一行,ListItemGroup中的ListItem按照List组件的lanes属性设置值来布局。
<br/>
-
lanes设置了{minLength,maxLength}时,计算列数会按照ListItemGroup的交叉轴尺寸计算。当ListItemGroup交叉轴尺寸与List交叉轴尺寸不一致时ListItemGroup中的列数与List中的列数可能不一样。
<br/>
该接口支持在ArkTS卡片中使用。 |
| alignListItem
<sup>
9+
</sup>
|
[
ListItemAlign
](
#listitemalign9枚举说明
)
| List交叉轴方向宽度大于ListItem交叉轴宽度
*
lanes时,ListItem在List交叉轴方向的布局方式,默认为首部对齐。
<br/>
默认值:ListItemAlign.Start
<br/>
该接口支持在ArkTS卡片中使用。 |
| alignListItem
<sup>
9+
</sup>
|
[
ListItemAlign
](
#listitemalign9枚举说明
)
| List交叉轴方向宽度大于ListItem交叉轴宽度
*
lanes时,ListItem在List交叉轴方向的布局方式,默认为首部对齐。
<br/>
默认值:ListItemAlign.Start
<br/>
该接口支持在ArkTS卡片中使用。 |
| sticky
<sup>
9+
</sup>
|
[
StickyStyle
](
#stickystyle9枚举说明
)
| 配合
[
ListItemGroup
](
ts-container-listitemgroup.md
)
组件使用,设置ListItemGroup中header和footer是否要吸顶或吸底。
<br/>
默认值:StickyStyle.None
<br/>
该接口支持在ArkTS卡片中使用。
<br/>
**说明:**
<br/>
sticky属性可以设置为 StickyStyle.Header
\|
StickyStyle.Footer 以同时支持header吸顶和footer吸底。 |
| sticky
<sup>
9+
</sup>
|
[
StickyStyle
](
#stickystyle9枚举说明
)
| 配合
[
ListItemGroup
](
ts-container-listitemgroup.md
)
组件使用,设置ListItemGroup中header和footer是否要吸顶或吸底。
<br/>
默认值:StickyStyle.None
<br/>
该接口支持在ArkTS卡片中使用。
<br/>
**说明:**
<br/>
sticky属性可以设置为 StickyStyle.Header
\|
StickyStyle.Footer 以同时支持header吸顶和footer吸底。 |
| enableScrollInteraction
<sup>
10+
</sup>
| boolean | 设置是否支持滚动手势,当设置为false时,无法通过手指或者鼠标滚动,但不影响控制器的滚动接口。
<br/>
默认值:true |
## ListItemAlign<sup>9+</sup>枚举说明
## ListItemAlign<sup>9+</sup>枚举说明
...
@@ -303,4 +304,4 @@ struct ListExample{
...
@@ -303,4 +304,4 @@ struct ListExample{
}
}
```
```
![
list
](
figures/list3.gif
)
![
list
](
figures/list3.gif
)
\ No newline at end of file
zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md
浏览文件 @
d9dbceb5
...
@@ -35,6 +35,7 @@ Scroll(scroller?: Scroller)
...
@@ -35,6 +35,7 @@ Scroll(scroller?: Scroller)
| scrollBarColor | string
\|
number
\|
[
Color
](
ts-appendix-enums.md#color
)
| 设置滚动条的颜色。 |
| scrollBarColor | string
\|
number
\|
[
Color
](
ts-appendix-enums.md#color
)
| 设置滚动条的颜色。 |
| scrollBarWidth | string
\|
number | 设置滚动条的宽度,不支持百分比设置。
<br/>
默认值:4
<br/>
单位:vp
<br/>
**说明:**
<br/>
如果滚动条的宽度超过其高度,则滚动条的宽度会变为默认值。 |
| scrollBarWidth | string
\|
number | 设置滚动条的宽度,不支持百分比设置。
<br/>
默认值:4
<br/>
单位:vp
<br/>
**说明:**
<br/>
如果滚动条的宽度超过其高度,则滚动条的宽度会变为默认值。 |
| edgeEffect |
[
EdgeEffect
](
ts-appendix-enums.md#edgeeffect
)
| 设置滑动效果,目前支持的滑动效果参见EdgeEffect的枚举说明。
<br/>
默认值:EdgeEffect.None |
| edgeEffect |
[
EdgeEffect
](
ts-appendix-enums.md#edgeeffect
)
| 设置滑动效果,目前支持的滑动效果参见EdgeEffect的枚举说明。
<br/>
默认值:EdgeEffect.None |
| enableScrollInteraction
<sup>
10+
</sup>
| boolean | 设置是否支持滚动手势,当设置为false时,无法通过手指或者鼠标滚动,但不影响控制器的滚动接口。
<br/>
默认值:true |
## ScrollDirection枚举说明
## ScrollDirection枚举说明
| 名称 | 描述 |
| 名称 | 描述 |
...
@@ -310,4 +311,4 @@ struct NestedScroll {
...
@@ -310,4 +311,4 @@ struct NestedScroll {
}
}
```
```
![
NestedScroll
](
figures/NestedScroll.gif
)
![
NestedScroll
](
figures/NestedScroll.gif
)
\ No newline at end of file
zh-cn/application-dev/reference/arkui-ts/ts-container-waterflow.md
浏览文件 @
d9dbceb5
...
@@ -44,6 +44,7 @@ WaterFlow(options?: {footer?: CustomBuilder, scroller?: Scroller})
...
@@ -44,6 +44,7 @@ WaterFlow(options?: {footer?: CustomBuilder, scroller?: Scroller})
| columnsGap | Length |设置列与列的间距。
<br>
默认值:0|
| columnsGap | Length |设置列与列的间距。
<br>
默认值:0|
| rowsGap | Length |设置行与行的间距。
<br>
默认值:0|
| rowsGap | Length |设置行与行的间距。
<br>
默认值:0|
| layoutDirection |
[
FlexDirection
](
ts-appendix-enums.md#flexdirection
)
|设置布局的主轴方向。
<br/>
默认值:FlexDirection.Column|
| layoutDirection |
[
FlexDirection
](
ts-appendix-enums.md#flexdirection
)
|设置布局的主轴方向。
<br/>
默认值:FlexDirection.Column|
| enableScrollInteraction
<sup>
10+
</sup>
| boolean | 设置是否支持滚动手势,当设置为false时,无法通过手指或者鼠标滚动,但不影响控制器的滚动接口。
<br/>
默认值:true |
layoutDirection优先级高于rowsTemplate和columnsTemplate。根据layoutDirection设置情况,分为以下三种设置模式:
layoutDirection优先级高于rowsTemplate和columnsTemplate。根据layoutDirection设置情况,分为以下三种设置模式:
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录