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

812浏览 • 1回复待解决

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

366浏览 • 1回复待解决

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

2210浏览 • 1回复待解决

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

242浏览 • 1回复待解决

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

288浏览 • 1回复待解决

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

421浏览 • 1回复待解决

如何去掉Scroll回弹效果

665浏览 • 1回复待解决

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

132浏览 • 1回复待解决

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

8451浏览 • 1回复待解决

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

352浏览 • 1回复待解决

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

145浏览 • 1回复待解决

实现层叠广告滑动效果

747浏览 • 1回复待解决

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

2335浏览 • 1回复待解决

如何实现组件的阴影效果

793浏览 • 1回复待解决

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

6243浏览 • 1回复待解决

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

196浏览 • 1回复待解决

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

286浏览 • 1回复待解决

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

190浏览 • 1回复待解决

如何实现Tabs组件tarbar的吸顶效果

907浏览 • 1回复待解决

List组件如何实现多列效果

2013浏览 • 1回复待解决

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

102浏览 • 1回复待解决

Web组件如何实现嵌套滑动，如何实现web控件的自适应高度

2373浏览 • 1回复待解决

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

214浏览 • 1回复待解决

ArkTS的List组件如何实现下拉刷新效果？

744浏览 • 1回复待解决

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

380浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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