HarmonyOS Swiper组建使用

可以通过如下方式实现：

Swiper组件的index属性支持状态绑定，即可实现跳转到指定index。

@State currentIndex:number = 1 
… 
Swiper(this.swiperController) { 
  … 
} 
.index(this.currentIndex) //使用状态变量 
… 
Row() { 
  Button(‘to index 3’) 
  .onClick(() => { 
    this.currentIndex = 3 //状态变量修改值 
  }) 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

或者您可以使用List组件加载页面达到相同的效果，

​​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-list-0000001815086922-V5#ZH-CN_TOPIC_0000001815086922__%E4%BA%8B%E4%BB%B6​​

1.滑动到指定Index。

scrollToIndex(value: number, smooth?: boolean, align?: ScrollAlign): void

​​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-scroll-0000001815086930-V5#ZH-CN_TOPIC_0000001815086930__scrolltoindex​​

2.onScrollFrameBegin

列表开始滑动时触发，事件参数传入即将发生的滑动量，事件处理函数中可根据应用场景计算实际需要的滑动量并作为事件处理函数的返回值返回，列表将按照返回值的实际滑动量进行滑动。

offset：即将发生的滑动量，单位vp。

state：当前滑动状态。

offsetRemain：实际滑动量，单位vp。

触发该事件的条件：手指拖动List、List惯性划动时每帧开始时触发；List超出边缘回弹、使用滚动控制器和拖动滚动条的滚动不会触发。