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

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

HarmonyOS

橘猫bbt7

2024-06-03 22:53:50

浏览

回答 1

按赞同

按时间

一意孤行的

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

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

2024-06-04 22:03:30

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

发布

相关问题

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

1352浏览 • 1回复待解决

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

1152浏览 • 1回复待解决

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

2997浏览 • 1回复待解决

HarmonyOS scroll设置edgeEffect.Spring后，可以只触发上滑动的回弹效果，屏蔽掉下滑的吗

564浏览 • 1回复待解决

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

1140浏览 • 1回复待解决

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

1024浏览 • 1回复待解决

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

592浏览 • 1回复待解决

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

1244浏览 • 1回复待解决

HarmonyOS List在子组件的布局尺寸没超过父组件的尺寸时，可以设置滑动回弹吗，还是说只能自己实现一个回弹效果

455浏览 • 1回复待解决

HarmonyOS 如何实现一个左右横滑，滑动到最后有回弹效果，并且可以自定义组件的一个组件

540浏览 • 1回复待解决

如何去掉Scroll回弹效果

1344浏览 • 1回复待解决

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

749浏览 • 1回复待解决

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

942浏览 • 1回复待解决

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

9323浏览 • 1回复待解决

HarmonyOS list的设置回弹是属性.edgeEffect(EdgeEffect.Spring)，怎么设置下拉的高度

731浏览 • 1回复待解决

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

906浏览 • 1回复待解决

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

467浏览 • 1回复待解决

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

3310浏览 • 1回复待解决

实现层叠广告滑动效果

1364浏览 • 1回复待解决

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

717浏览 • 1回复待解决

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

844浏览 • 1回复待解决

如何实现组件的阴影效果

1451浏览 • 1回复待解决

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

703浏览 • 1回复待解决

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

6879浏览 • 1回复待解决

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

864浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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