HarmonyOS鸿蒙学习笔记Tabs模仿安卓ViewPager+Fragment的效果

Posted 2022-12-08 郭梧悠

Tabs组件入门

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

前言

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

具体实现

实现类似上面的效果代码很简单：

Tabs组件有个barMode属性有两个值：Scrollable： TabBar使用实际布局宽度, 超过总长度后可滑动；Fixed：所有TabBar平均分配宽度。比如我们barMode设置成Fixed的时候，运行效果如下：

监听页面切换

Tabs组件提供了onChange方法来监听Tab页签的切换。

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

参考资料

Tabs组件官网文档