Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
efbec70a
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看板
未验证
提交
efbec70a
编写于
11月 29, 2022
作者:
O
openharmony_ci
提交者:
Gitee
11月 29, 2022
浏览文件
操作
浏览文件
下载
差异文件
!11884 List、CheckBox组件文档修改
Merge pull request !11884 from yeyinglong/listtest
上级
d056bf2a
1726eaec
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
7 addition
and
7 deletion
+7
-7
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkbox.md
...on-dev/reference/arkui-ts/ts-basic-components-checkbox.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
...v/reference/arkui-ts/ts-basic-components-checkboxgroup.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-container-list.md
...n/application-dev/reference/arkui-ts/ts-container-list.md
+5
-5
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkbox.md
浏览文件 @
efbec70a
...
...
@@ -37,7 +37,7 @@ Checkbox(options?: {name?: string, group?: string })
| 名称 | 功能描述 |
| ----------| -------- |
|onChange(callback: (value: boolean) => void) | 当选中状态发生变化时,触发该回调。
<br>
- value为true时,表示已选中。
<br>
- value为false时,表示未选中。 |
|onChange(callback: (value: boolean) => void) | 当选中状态发生变化时,触发该回调。
(只有手动触发且Checkbox状态改变时才会触发onChange回调)
<br>
- value为true时,表示已选中。
<br>
- value为false时,表示未选中。 |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
浏览文件 @
efbec70a
...
...
@@ -39,7 +39,7 @@ CheckboxGroup(options?: { group?: string })
| 名称 | 功能描述 |
| -------- | -------- |
| onChange (callback: (event:
[
CheckboxGroupResult
](
#checkboxgroupresult对象说明
)
) => void ) |CheckboxGroup的选中状态或群组内的Checkbox的选中状态发生变化时,触发回调。|
| onChange (callback: (event:
[
CheckboxGroupResult
](
#checkboxgroupresult对象说明
)
) => void ) |CheckboxGroup的选中状态或群组内的Checkbox的选中状态发生变化时,触发回调。
(只有手动触发且Checkbox或CheckboxGroup状态改变时才会触发onChange回调)
|
## CheckboxGroupResult对象说明
| 名称 | 类型 | 描述 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-list.md
浏览文件 @
efbec70a
...
...
@@ -34,7 +34,7 @@ List(value?:{space?: number | string, initialIndex?: number, scroller?
| listDirection |
[
Axis
](
ts-appendix-enums.md#axis
)
| 设置List组件排列方向。
<br/>
默认值:Axis.Vertical |
| divider | {
<br/>
strokeWidth:
[Length](ts-types.md#length),
<br/>
color?:[ResourceColor](ts-types.md),
<br/>
startMargin?:
Length,
<br/>
endMargin?:
Length
<br/>
}
\|
null | 设置ListItem分割线样式,默认无分割线。
<br/>
- strokeWidth:
分割线的线宽。
<br/>
- color:
分割线的颜色。
<br/>
- startMargin:
分割线与列表侧边起始端的距离。
<br/>
- endMargin:
分割线与列表侧边结束端的距离。 |
| scrollBar |
[
BarState
](
ts-appendix-enums.md#barstate
)
| 设置滚动条状态。
<br/>
默认值:BarState.Off |
| cachedCount | number | 设置
预加载的ListItem数量
。具体使用可参考
[
减少应用白块说明
](
../../ui/ui-ts-performance-improvement-recommendation.md#减少应用滑动白块
)
。
<br/>
默认值:1 |
| cachedCount | number | 设置
列表中ListItem/ListItemGroup的预加载数量,其中ListItemGroup将作为一个整体进行计算,ListItemGroup中的所有ListItem会一次性全部加载出来
。具体使用可参考
[
减少应用白块说明
](
../../ui/ui-ts-performance-improvement-recommendation.md#减少应用滑动白块
)
。
<br/>
默认值:1 |
| editMode | boolean | 声明当前List组件是否处于可编辑模式。
<br/>
默认值:false |
| edgeEffect |
[
EdgeEffect
](
ts-appendix-enums.md#edgeeffect
)
| 设置组件的滑动效果。
<br/>
默认值:EdgeEffect.Spring |
| chainAnimation | boolean | 设置当前List是否启用链式联动动效,开启后列表滑动以及顶部和底部拖拽时会有链式联动的效果。链式联动效果:List内的list-item间隔一定距离,在基本的滑动交互行为下,主动对象驱动从动对象进行联动,驱动效果遵循弹簧物理动效。
<br/>
默认值:false
<br/>
-
false:不启用链式联动。
<br/>
-
true:启用链式联动。 |
...
...
@@ -70,8 +70,8 @@ List(value?:{space?: number | string, initialIndex?: number, scroller?
| onScrollIndex(event: (start: number, end: number) => void) | 列表滑动时触发。
<br/>
计算索引值时,ListItemGroup作为一个整体占一个索引值,不计算ListItemGroup内部ListItem的索引值。
<br/>
- start: 滑动起始位置索引值。
<br/>
- end: 滑动结束位置索引值。 |
| onReachStart(event: () => void) | 列表到达起始位置时触发。 |
| onReachEnd(event: () => void) | 列表到底末尾位置时触发。 |
| onScrollBegin
<sup>
9+
</sup>
(event: (dx: number, dy: number) => { dxRemain: number, dyRemain: number }) | 列表开始滑动时触发
。
<br/>
\-
dx:即将发生的水平方向滚动量。
<br/>
\-
dy:即将发生的竖直方向滚动量。
<br/>
- dxRemain:水平方向滚动剩余量。
<br/>
\-
dyRemain:竖直方向滚动剩余
量。 |
| onScrollStop(event: () => void) | 列表滑动停止时触发。 |
| onScrollBegin
<sup>
9+
</sup>
(event: (dx: number, dy: number) => { dxRemain: number, dyRemain: number }) | 列表开始滑动时触发
,事件参数传入即将发生的滑动量,事件处理函数中可根据应用场景计算实际需要的滑动量并作为事件处理函数的返回值返回,列表将按照返回值的实际滑动量进行滑动。
<br/>
\-
dx:即将发生的水平方向滑动量。
<br/>
\-
dy:即将发生的竖直方向滑动量。
<br/>
- dxRemain:水平方向实际滑动量。
<br/>
\-
dyRemain:竖直方向实际滑动
量。 |
| onScrollStop(event: () => void) | 列表滑动停止时触发。
手拖动列表或列表的滚动条触发的滑动,手离开屏幕并且滑动停止时会触发该事件;使用
[
Scroller
](
ts-container-scroll.md#scroller
)
滑动控制器触发的滑动,不会触发该事件。
|
| onItemMove(event: (from: number, to: number) => boolean) | 列表元素发生移动时触发。
<br/>
- from: 移动前索引值。
<br/>
- to: 移动后索引值。 |
| onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => ((() => any)
\|
void) | 开始拖拽列表元素时触发。
<br/>
- event: 见
[
ItemDragInfo对象说明
](
ts-container-grid.md#itemdraginfo对象说明
)
。
<br/>
- itemIndex: 被拖拽列表元素索引值。 |
| onItemDragEnter(event: (event: ItemDragInfo) => void) | 拖拽进入列表元素范围内时触发。
<br/>
- event: 见
[
ItemDragInfo对象说明
](
ts-container-grid.md#itemdraginfo对象说明
)
。 |
...
...
@@ -84,8 +84,8 @@ List(value?:{space?: number | string, initialIndex?: number, scroller?
| 名称 | 描述 |
| ------ | ------------------------- |
| Idle | 未滑动状态。 |
| Scroll |
惯性滑
动状态。 |
| Fling |
手指拖
动状态。 |
| Scroll |
手指拖
动状态。 |
| Fling |
惯性滑
动状态。 |
> **说明:**
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录