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 如何实现滑动监听?
229浏览 • 1回复 待解决
HarmonyOS 如何实现滑动验证码功能
425浏览 • 1回复 待解决
如何将点击事件透传到下一
1810浏览 • 1回复 待解决
如何实现应用的屏幕自动旋转
2174浏览 • 1回复 待解决
滑动组件如何实现单边spring的效果
835浏览 • 1回复 待解决
如何实现纵向且逆向滑动的Slider?
360浏览 • 1回复 待解决
Canvas制作图表如何实现滑动惯性?
380浏览 • 1回复 待解决