滑动组件如何实现单边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的效果

901浏览 • 1回复待解决

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

517浏览 • 1回复待解决

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

2398浏览 • 1回复待解决

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

432浏览 • 1回复待解决

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

441浏览 • 1回复待解决

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

98浏览 • 1回复待解决

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

565浏览 • 1回复待解决

如何去掉Scroll回弹效果

758浏览 • 1回复待解决

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

260浏览 • 1回复待解决

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

452浏览 • 1回复待解决

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

8581浏览 • 1回复待解决

HarmonyOS Web组件滑动到边界是否有回弹能力

17浏览 • 1回复待解决

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

299浏览 • 1回复待解决

实现层叠广告滑动效果

861浏览 • 1回复待解决

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

113浏览 • 1回复待解决

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

2586浏览 • 1回复待解决

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

311浏览 • 1回复待解决

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

6384浏览 • 1回复待解决

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

75浏览 • 1回复待解决

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

386浏览 • 1回复待解决

如何实现组件的阴影效果

930浏览 • 1回复待解决

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

292浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现使用Spring Curve的文本抖动动画？

101浏览 • 1回复待解决

#鸿蒙学习大百科#如何设置List组件的边缘滑动效果？

203浏览 • 1回复待解决

List默认自带回弹效果，但是当内容不足一屏时，回弹效果就消失了，如何设置即使内容不足一屏

504浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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