HarmonyOS 如何实现滑动后下一选项自动吸附到最右侧?

HarmonyOS  如何实现滑动后下一选项自动吸附到最右侧?


HarmonyOS
2024-09-27 11:54:02
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

可以使用List组件的属性.scrollSnapAlign(ScrollSnapAlign.START),可以设置列表滚动后的对齐效果,参考demo:

@Component  
export struct certificateList {  
  build() {  
    Column(){  
      List({space:20}){  
        ListItem(){  
          Column()  
            .backgroundColor(Color.Blue)  
            .height(100)  
            .width('70%')  
            .borderRadius(8)  
        }  
        ListItem(){  
          Column()  
            .backgroundColor(Color.Blue)  
            .height(100)  
            .width('70%')  
            .borderRadius(8)  
        }  
        ListItem(){  
          Column()  
            .backgroundColor(Color.Blue)  
            .height(100)  
            .width('70%')  
            .borderRadius(8)  
        }  
        ListItem(){  
          Column()  
            .backgroundColor(Color.Blue)  
            .height(100)  
            .width('70%')  
            .borderRadius(8)  
        }  
      }  
      .contentEndOffset(120)  
      .scrollSnapAlign(ScrollSnapAlign.START)  
      .listDirection(Axis.Horizontal)  
      .friction(0.6)  
      .alignListItem(ListItemAlign.Start)  
      .scrollBar(BarState.Off)  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-09-27 17:42:35
相关问题
HarmonyOS 横向Scroll定位到最右侧
33浏览 • 1回复 待解决
HarmonyOS 滑动下一页效果应该如何
62浏览 • 1回复 待解决
HarmonyOS 如何实现滑动监听?
471浏览 • 1回复 待解决
HarmonyOS 如何使Dialog覆盖下一个页面
30浏览 • 1回复 待解决
HarmonyOS 如何实现滑动游标尺
27浏览 • 1回复 待解决
如何将点击事件透传到下一
1922浏览 • 1回复 待解决
HarmonyOS 如何实现滑动验证码功能
562浏览 • 1回复 待解决