Tabs滑动距离的问题有哪些?
目前Tabs中TabContent,只有onTouch方法可以根据手指的滑动距离来获取到TabContent的滑动距离,当松开手后,Tabs自动回弹或者切换到下一页,没有办法获取到滑动的距离,现在需要根据滑动的距离来做动效,目前没有办法实现。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Swiper是否有监控滑动了多少距离的方法
1234浏览 • 1回复 待解决
HarmonyOS list嵌套tabs,tabs嵌套web,滑动问题
1306浏览 • 1回复 待解决
系统Tabs组件用法有哪些?
1703浏览 • 1回复 待解决
如何监听List组件的总滑动距离
4247浏览 • 1回复 待解决
HarmonyOS Tabs组件滑动到边缘的时候如何禁用滑动效果?现在滑动到边缘了,还能继续画出来一段距离
1109浏览 • 1回复 待解决
Tabs组件如何监听目前的左右拖动距离
1426浏览 • 1回复 待解决
HarmonyOS 关于Tabs、TabContent组件滑动联动问题的咨询
1625浏览 • 1回复 待解决
HarmonyOS Scroll 横向滑动时根据滑动的距离触发视图不更新
1219浏览 • 1回复 待解决
webview放在Tabs上,webview上滑动时会响应Tabs的滑动事件,如何处理滑动在webview上时不响应Tabs的滑动
1385浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
1181浏览 • 1回复 待解决
HarmonyOS 如何获取List组件当前已经滑动的距离
1489浏览 • 1回复 待解决
背景属性的问题有哪些?
1332浏览 • 1回复 待解决
webview 问题有哪些?
1441浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
1474浏览 • 1回复 待解决
Tabs组件嵌套滑动组件
2769浏览 • 1回复 待解决
Tabs控件scrollable为true时滑动响应速度问题
1425浏览 • 1回复 待解决
List使用问题有哪些?
1538浏览 • 1回复 待解决
OAID授权问题有哪些?
2331浏览 • 1回复 待解决
uiTest使用问题有哪些?
1421浏览 • 1回复 待解决
HarmonyOS怎么实现Tabs组件滑动时indictor随之滑动的效果?
1353浏览 • 1回复 待解决
HarmonyOS 怎么取消Tabs的滑动回弹效果?
1672浏览 • 1回复 待解决
HarmonyOS tabs和grid实现滑动
872浏览 • 1回复 待解决
tabs组件 左右滑动延迟较高
1824浏览 • 1回复 待解决
HarmonyOS swiper轮播指示器设置距离下边界距离问题
2427浏览 • 1回复 待解决
Grid组件性能问题有哪些?
1500浏览 • 1回复 待解决





















分别有以下思路:
1.右侧固定展示「更多」图标,左侧为正常的tabs切换按钮,正常左右滚动通过将Tab组件的barHeight设为0,可以隐藏Tab组件自带的tabBar,然后使用Row组件+自定义Tab页签的方式实现tabBar。
2.tabBar页签下的小横线在Tab切换过程中通过平移动画运动把一个高度为2的column作为下划线,使用stack堆叠在自定义的tabBar上,这个下划线相对左侧的margin和宽度通过@State修饰。在页签切换时,将当前页签的宽度值,相对左侧的margin分别赋给下划线对应的属性使用onGestureSwipe监听Tab的滑动手势,逐帧更新下划线相对左侧的margin使用onScroll监听自定义tabBar的滑动,逐帧更新下划线相对左侧的margin使用onAnimationStart回调切换动画开始时触发该回调,触发下划线跟着页面一起滑动的回调。
3.Tab切换时,顶部tabBar自动切换并滑动到屏幕范围内tabBar的中的List组件绑定Scroller,在Tab组件触发onChange回调时,使用scrollToIndex让自定义tabBar滚动到当前选中的页签,通过这种方式,下划线也会同步平移。