滑动组件如何实现单边spring回弹的效果

滑动组件有一个回弹效果。EdgeEffect枚举中的spring,这种回弹往往都是双向的,即拉到滑动组件的最上面和最下面都能表现出回弹,如何做到只在一边回弹?

HarmonyOS
2024-06-03 22:53:50
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
lilyglp

可以通过滑动组件的回调方法,监听滑动组件的偏移量,通过偏移量来改变当前滑动组件EdgeEffect属性的枚举值。

@State yOffset : number = 0; 
Scroll(){ 
   
} 
.edgeEffect(this.yOffset <= 0 ? EdgeEffect.Spring : EdgeEffect.None) // 滚动到边沿后回弹 
.onScroll(()=> { 
  this.yOffset = this.scroller.currentOffset().yOffset; 
})
分享
微博
QQ
微信
回复
2024-06-04 22:03:30
相关问题
滑动组件如何实现单边spring效果
518浏览 • 1回复 待解决
如何去掉Scroll回弹效果
288浏览 • 1回复 待解决
实现层叠广告滑动效果
398浏览 • 1回复 待解决
如何实现组件阴影效果
364浏览 • 1回复 待解决
List组件如何实现多列效果
711浏览 • 1回复 待解决
如何实现Tabs组件tarbar吸顶效果
201浏览 • 1回复 待解决
使用swiper组件实现viewPager效果
521浏览 • 1回复 待解决
如何监听List组件滑动距离
724浏览 • 1回复 待解决
Tabs组件嵌套滑动组件
626浏览 • 1回复 待解决
如何设置组件透明效果
649浏览 • 1回复 待解决
如何实现列表页单选效果
1010浏览 • 0回复 待解决
组件如何设置模糊效果
682浏览 • 1回复 待解决
如何实现按钮点击效果
18浏览 • 2回复 待解决
如何实现类似keyframes效果
750浏览 • 1回复 待解决
canvas如何实现水印效果
395浏览 • 1回复 待解决