openharmony容器组件之Tabs与TabContent

lplj717

已于 2022-08-11 11:36:24 修改

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： openharmony 文章标签： eTS harmonyos openharmony 华为

于 2022-08-11 11:11:31 首次发布

本文链接：https://blog.csdn.net/lplj717/article/details/126281425

本文详细介绍了OpenHarmony中的Tabs组件，它是一个通过页签切换内容视图的容器组件。讨论了barPosition、index和controller等参数的用法，并解释了BarPosition枚举和BarMode枚举的含义。同时，提到了TabContent组件的属性和限制，如不支持设置宽度和高度。最后，简要提到了onChange事件和TabsController的changeIndex方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Tabs:一种可以通过页签进行内容视图切换的容器组件，每个页签对应一个内容视图

Tabs(value: {barPosition?: BarPosition, index?: number, controller?: TabsController})
barPosition：指定页签位置来创建Tabs容器组件，默认BarPosition.Start
   BarPosition枚举说明
   Start：vertical属性方法设置为true时，页签位于容器左侧；vertical属性方法设置为false时，页签位于容器顶部
   End：vertical属性方法设置为true时，页签位于容器右侧；vertical属性方法设置为false时，页签位于容器底部
index：指定初次初始页签索引，默认0
controller：设置Tabs控制器

属性：
vertical:是否为纵向Tab，默认为false
scrollable:是否可以通过左右滑动进行页面切换，默认为true
barMode:TabBar布局模式
   BarMode枚举说明：
   Scrollable:TabBar使用实际布局宽度, 超过总长度后可滑动
   Fixed:所有TabBar平均分配宽度。
barWidth:TabBar的宽度值，不设置时使用系统主题中的默认值
barHeight:TabBar的高度值，不设置时使用系统主题中的默认值
animationDuration:TabContent滑动动画时长,默认200