HarmonyOS鸿蒙学习笔记（4）Tabs模仿安卓ViewPager+Fragment的效果_harmony viewpager

作者：weixin_40725706 | 2024-03-22 15:11:07

踩

harmony viewpager

Tabs组件入门

前言
具体实现
监听页面切换
参考资料

前言

在Android开发中常用Fragment和ViewPager组合使用来进行页面的切换（如下图），在鸿蒙在API Version 7开始提供了Tabs组件来实现类似的效果。
在这里插入图片描述

具体实现

实现类似上面的效果代码很简单：
在这里插入图片描述
Tabs组件有个barMode属性有两个值：Scrollable： TabBar使用实际布局宽度, 超过总长度后可滑动；Fixed：所有TabBar平均分配宽度。比如我们barMode设置成Fixed的时候，运行效果如下：

在这里插入图片描述

监听页面切换

Tabs组件提供了onChange方法来监听Tab页签的切换。
在这里插入图片描述

更多Tabs的用法，可以参考Tabs组件官网文档

参考资料

Tabs组件官网文档

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/288966?site