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

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

HarmonyOS

zhuyanxi

2024-06-03 22:53:50

浏览

回答 1

待解决

回答 1

按赞同

按时间

lilyglp

可以通过滑动组件的回调方法，监听滑动组件的偏移量，通过偏移量来改变当前滑动组件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的效果

493浏览 • 1回复待解决

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

888浏览 • 1回复待解决

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

7136浏览 • 1回复待解决

如何去掉Scroll回弹效果

245浏览 • 1回复待解决

实现层叠广告滑动效果

364浏览 • 1回复待解决

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

665浏览 • 1回复待解决

如何实现组件的阴影效果

333浏览 • 1回复待解决

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

5211浏览 • 1回复待解决

List组件如何实现多列效果

631浏览 • 1回复待解决

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

145浏览 • 1回复待解决

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

915浏览 • 1回复待解决

如何实现scroll容器嵌套子组件，实现子组件吸顶效果

533浏览 • 1回复待解决

使用swiper组件实现viewPager效果

446浏览 • 1回复待解决

如何去除tabbar滑动到边缘时的蒙层效果

687浏览 • 1回复待解决

486浏览 • 1回复待解决

648浏览 • 1回复待解决

698浏览 • 1回复待解决

588浏览 • 1回复待解决

895浏览 • 0回复待解决

583浏览 • 1回复待解决

149浏览 • 1回复待解决

357浏览 • 1回复待解决

588浏览 • 1回复待解决

545浏览 • 1回复待解决

621浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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