HarmonyOS Swiper如何在监控到onAreaChange事件的时候进行其他界面的刷新

我的场景是我要在swiper上改一层蒙层,这样的话指示器就无法使用了,因此我需要自己定义swiper的指示器组件,需要监听swiper的onchange事件,然后对自定义的指示器进行重绘

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

可通过changeIndex方法实现,参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-swiper-V5#changeindex12

示例代码如下:

@Entry
@Component
struct SwiperPage {
  @State message: string = 'Hello World';
  @State curIndex:number = 0
  @State swiperList:number[] = [0,1,2]
  private swiperController: SwiperController = new SwiperController()
  build() {
    Stack({alignContent:Alignment.Bottom}){
      Swiper(this.swiperController) {
        ForEach(this.swiperList,(item:number)=>{
          Text(`${item}`)
            .width('90%')
            .height('100%')
            .backgroundColor(item==0? Color.Brown :Color.Orange)
            .textAlign(TextAlign.Center)
            .fontSize(30)
        },(item:number)=>JSON.stringify(item))
      }
      .loop(true)
      .autoPlay(true)
      .onChange((index:number)=>{
        console.log(`00000000000000000-${index}`)
        this.curIndex = index
      })
      Row(){

      }
      .width('90%')
      .height('100%')
      .backgroundColor(Color.Pink)
      .opacity(0.3)
      Row(){
        ForEach(this.swiperList,(item:number)=>{
          Text()
            .width(30)
            .height(30)
            .backgroundColor(Color.Blue)
            .margin(10)
            .onClick(()=>{
              this.swiperController.changeIndex(item)
            })
        },(item:number)=>JSON.stringify(item))
      }
      .width('100%')
    }
    .height('100%')
    .width('100%')
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS Swiper面的item高度自动刷新
485浏览 • 1回复 待解决
如何进行系统崩溃监控
749浏览 • 1回复 待解决
HarmonyOS 屏幕点击事件监控代码
439浏览 • 1回复 待解决
HarmonyOS 界面信息刷新
291浏览 • 1回复 待解决
HarmonyOS swiper数据刷新问题
42浏览 • 1回复 待解决
HarmonyOS Web如何搜索html界面的内容?
344浏览 • 1回复 待解决
HarmonyOS 调试时候卡到启动界面
204浏览 • 1回复 待解决
如何实现page界面的预渲染?
318浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
859浏览 • 1回复 待解决
HarmonyOS 列表刷新时候会闪
18浏览 • 1回复 待解决