滚动

滚动

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 1Scroll(this.scroller) {
 2
 3}
 4.scrollable(ScrollDirection.Vertical) // 滚动方向
 5.scrollBar(BarState.On) // 滚动条常驻显示
 6.scrollBarColor(Color.Blue) //滚动条颜色
 7.scrollBarWidth(20) // 滚动条宽度
 8.friction(0.6) // 滚动摩擦系数, 穿戴设备0.9
 9.edgeEffect(EdgeEffect.Fade) // 滚动到边缘效果
10
11
12.onWillScroll((xOffset: number, yOffset: number, scrollState: number) => {
13}) // 即将滚动发生事件
14.onDidScroll(() => {
15}) // 滚动完成发生事件
16.onScrollEdge(() => {
17}) // 滚动到边缘发生事件
18.onScrollStop(() => {
19}) // 滚动停止发生事件
20
21this.scroller.scrollTo({xOffset:0, yOffset:100}) // 滚动到指定位置
22this.scroller.scrollTo({xOffset:0, yOffset:100, animation : { duration: 1000, curve: curve } }) // 滚动动画
23this.scroller.scrollBy(0, 100) // 滚动到当前位置+100
24this.scroller.scrollEdge(Edge.Top) // 回到顶部
25this.scroller.scrollPage({ next: true }) // 下一页

Copyright ©2010-2022 比特日记 All Rights Reserved.

Powered By 可尔物语

浙ICP备11005866号-12