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

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

HarmonyOS

橘猫bbt7

2024-06-03 22:53:50

浏览

回答 1

待解决

回答 1

按赞同

按时间

一意孤行的

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

@State yOffset : number = 0; 
Scroll(){ 
   
} 
.edgeEffect(this.yOffset <= 0 ? EdgeEffect.Spring : EdgeEffect.None) // 滚动到边沿后回弹 
.onScroll(()=> { 
  this.yOffset = this.scroller.currentOffset().yOffset; 
})

2024-06-04 22:03:30

如何写精华回答，获更多曝光？

发布

相关问题

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

894浏览 • 1回复待解决

如何实现scroll、list单边回弹效果

486浏览 • 1回复待解决

如何设置List组件滑动到边缘无回弹效果

2378浏览 • 1回复待解决

如何关闭Swiper组件的回弹效果？

395浏览 • 1回复待解决

HarmonyOS 怎么取消Tabs的滑动回弹效果？

418浏览 • 1回复待解决

#鸿蒙通关秘籍#如何处理界面滑动后的回弹效果？

77浏览 • 1回复待解决

ArkUI中List组件默认超出一屏后是带回弹效果的，如何取消这个回弹效果？

554浏览 • 1回复待解决

HarmonyOS怎么实现Tabs组件滑动时indictor随之滑动的效果？

247浏览 • 1回复待解决

如何去掉Scroll回弹效果

748浏览 • 1回复待解决

如何实现图中的卡片滑动效果？鸿蒙用什么组件能实现类似效果？

8555浏览 • 1回复待解决

如何将List的回弹效果改为阴影效果

442浏览 • 1回复待解决

HarmonyOS 在Tabs切换时，左右滑动可以切换页签，如何屏蔽页签的EdgeEffect回弹效果？

261浏览 • 1回复待解决

Swiper组件滑动到最后一个元素时，如何让滑动失效，不实现循环滑动的效果

2567浏览 • 1回复待解决

实现层叠广告滑动效果

834浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现滑动页面信息隐藏与组件位移的效果？

84浏览 • 1回复待解决

#鸿蒙学习大百科#当使用list组件的时候想要设置滑动到底部的回弹，如何实现？

300浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现鸿蒙滑动页面信息隐藏与组件位移效果？

22浏览 • 1回复待解决

Tabbar图标如何实现PageSlider的滑动渐变缩放效果吗

6363浏览 • 1回复待解决

系统应用的图库应用放大滑动效果是如何实现的

373浏览 • 1回复待解决

如何实现组件的阴影效果

904浏览 • 1回复待解决

HarmonyOS 想实现列表滑动排序效果，请问有相关的组件和api提供吗？

274浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在ArkUI中实现轮播图的手势滑动效果？

78浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现鸿蒙底部面板嵌套列表滑动效果？

28浏览 • 1回复待解决

#鸿蒙通关秘籍# 如何在HarmonyOS NEXT应用中实现滑动页面时的信息隐藏和组件位移效果？

76浏览 • 0回复待解决

HarmonyOS 如何将listitem的swipeAction滑动效果恢复至未滑动？

357浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

订阅鸿蒙技术特刊，精选内容抢先看