Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
47cfd741
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看板
未验证
提交
47cfd741
编写于
7月 04, 2023
作者:
O
openharmony_ci
提交者:
Gitee
7月 04, 2023
浏览文件
操作
浏览文件
下载
差异文件
!20212 list onScrollIndex支持上报中间位置索引值,scrollToIndex异常值说明
Merge pull request !20212 from wind/br
上级
d57ff301
6ee4b969
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
4 addition
and
3 deletion
+4
-3
zh-cn/application-dev/reference/arkui-ts/ts-container-list.md
...n/application-dev/reference/arkui-ts/ts-container-list.md
+3
-2
zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md
...application-dev/reference/arkui-ts/ts-container-scroll.md
+1
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-container-list.md
浏览文件 @
47cfd741
...
...
@@ -120,7 +120,7 @@ List(value?:{space?: number | string, initialIndex?: number, scroller?
| ---------------------------------------- | ---------------------------------------- |
| onItemDelete
<sup>
(deprecated)
</sup>
(event: (index: number) => boolean) | 当List组件在编辑模式时,点击ListItem右边出现的删除按钮时触发。
<br/>
从API version9开始废弃。
<br/>
- index: 被删除的列表项的索引值。 |
| onScroll(event: (scrollOffset: number, scrollState: ScrollState) => void) | 列表滑动时触发。
<br/>
- scrollOffset: 每帧滚动的偏移量,List的内容向上滚动时偏移量为正,向下滚动时偏移量为负。
<br/>
-
[
scrollState
](
#scrollstate枚举说明
)
: 当前滑动状态。
<br/>
使用控制器调用ScrollEdge和ScrollToIndex时不会触发,其余情况有滚动就会触发该事件。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| onScrollIndex(event: (start: number, end: number
) => void) | 有子组件划入或划出List显示区域时触发。
<br/>
计算索引值时,ListItemGroup作为一个整体占一个索引值,不计算ListItemGroup内部ListItem的索引值。
<br/>
- start: 滑动起始位置索引值。
<br/>
- end: 滑动结束位置索引值。
<br/>
触发该事件的条件:列表初始化时会触发一次,List显示区域内第一个子组件的索引值或后一个子组件的索引值有变化时
会触发。
<br/>
List的边缘效果为弹簧效果时,在List划动到边缘继续划动和松手回弹过程不会触发onScrollIndex事件。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| onScrollIndex(event: (start: number, end: number
, center
<sup>
10+
</sup>
: number) => void) | 有子组件划入或划出List显示区域时触发。从API version 10开始,List显示区域中间位置子组件变化时也会触发。
<br/>
计算索引值时,ListItemGroup作为一个整体占一个索引值,不计算ListItemGroup内部ListItem的索引值。
<br/>
- start: List显示区域内第一个子组件的索引值。
<br/>
- end: List显示区域内最后一个子组件的索引值。
<br/>
- center: List显示区域内中间位置子组件的索引值。
<br/>
触发该事件的条件:列表初始化时会触发一次,List显示区域内第一个子组件的索引值或最后一个子组件的索引值有变化时会触发。从API version 10开始,List显示区域中间位置子组件变化时也
会触发。
<br/>
List的边缘效果为弹簧效果时,在List划动到边缘继续划动和松手回弹过程不会触发onScrollIndex事件。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| onReachStart(event: () => void) | 列表到达起始位置时触发。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。
<br/>
**说明:**
<br>
List初始化时如果initialIndex为0会触发一次,List滚动到起始位置时触发一次。List边缘效果为弹簧效果时,划动经过起始位置时触发一次,回弹回起始位置时再触发一次。 |
| onReachEnd(event: () => void) | 列表到底末尾位置时触发。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。
<br/>
**说明:**
<br/>
List边缘效果为弹簧效果时,划动经过末尾位置时触发一次,回弹回末尾位置时再触发一次。 |
| onScrollFrameBegin
<sup>
9+
</sup>
(event: (offset: number, state: ScrollState) => { offsetRemain }) | 列表开始滑动时触发,事件参数传入即将发生的滑动量,事件处理函数中可根据应用场景计算实际需要的滑动量并作为事件处理函数的返回值返回,列表将按照返回值的实际滑动量进行滑动。
<br/>
\-
offset:即将发生的滑动量,单位vp。
<br/>
\-
state:当前滑动状态。
<br/>
- offsetRemain:实际滑动量,单位vp。
<br/>
触发该事件的条件:手指拖动List、List惯性划动时每帧开始时触发;List超出边缘回弹、使用滚动控制器的滚动不会触发。
<br/>
该接口支持在ArkTS卡片中使用。
<br/>
**说明:**
<br/>
当listDirection的值为Axis.Vertical时,返回垂直方向滑动量,当listDirection的值为Axis.Horizontal时,返回水平方向滑动量。 |
...
...
@@ -185,9 +185,10 @@ struct ListExample {
.
scrollBar
(
BarState
.
Off
)
.
divider
({
strokeWidth
:
2
,
color
:
0xFFFFFF
,
startMargin
:
20
,
endMargin
:
20
})
// 每行之间的分界线
.
edgeEffect
(
EdgeEffect
.
Spring
)
// 滑动到边缘无效果
.
onScrollIndex
((
firstIndex
:
number
,
lastIndex
:
number
)
=>
{
.
onScrollIndex
((
firstIndex
:
number
,
lastIndex
:
number
,
centerIndex
:
number
)
=>
{
console
.
info
(
'
first
'
+
firstIndex
)
console
.
info
(
'
last
'
+
lastIndex
)
console
.
info
(
'
center
'
+
centerIndex
)
})
.
width
(
'
90%
'
)
}
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md
浏览文件 @
47cfd741
...
...
@@ -147,7 +147,7 @@ scrollToIndex(value: number, smooth?: boolean, align?: ScrollAlign): void
| 参数名 | 参数类型 | 必填 | 参数描述 |
| --------------------- | -------- | ---- | ------------------------------------------------------------ |
| value | number | 是 | 要滑动到的列表项在列表中的索引值。 |
| value | number | 是 | 要滑动到的列表项在列表中的索引值。
<br/>
**说明:**
<br/>
value值设置成负值或者大于当前List子组件的最大索引值,视为异常值,本次跳转不生效。
|
| smooth
<sup>
10+
</sup>
| boolean | 否 | 设置滑动到列表项在列表中的索引值时是否有动效,true表示有动效,false表示没有动效。
<br/>
默认值:false。
<br/>
**说明:**
<br/>
当前仅List组件支持该参数。 |
| align
<sup>
10+
</sup>
|
[
ScrollAlign
](
#scrollalign枚举说明
)
| 否 | 指定滑动到的列表项与List的对齐方式。
<br/>
默认值:ScrollAlign.START。
<br/>
**说明:**
<br/>
当前仅List组件支持该参数。 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录