鸿蒙第二次

一、Tabs

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

支持设备

手机	平板	智慧屏	智能穿戴
支持	支持	不支持	不支持

权限列表

无

子组件

包含子组件TabContent。

接口说明

Tabs(value: {barPosition?: BarPosition, index?: number, controller?: TabsController})

• 参数

  参数名	参数类型	必填	默认值	参数描述
  barPosition	BarPosition	否	Start	指定页签位置来创建Tabs容器组件。
  index	number	否	0	指定初次初始页签索引。
  controller	TabsController	否		设置Tabs控制器。

• BarPosition枚举说明

  名称	描述
  Start	vertical属性方法设置为true时，页签位于容器左侧；vertical属性方法设置为false时，页签位于容器顶部。
  End	vertical属性方法设置为true时，页签位于容器右侧；vertical属性方法设置为false时，页签位于容器底部。

TabsController

Tabs组件的控制器，用于控制Tabs组件进行页签切换。

接口名称	功能描述
changeIndex(value: number): void	控制Tabs切换到指定页签，index: 页签在Tabs里的索引值，索引值从0开始。

属性

名称	参数类型	默认值	描述
vertical	boolean	是否为纵向Tab，默认为false。	是否为纵向Tab，默认为false。
scrollable	boolean	是否可以通过左右滑动进行页面切换，默认为true。	是否可以通过左右滑动进行页面切换，默认为true。
barMode	BarMode	TabBar布局模式。	TabBar布局模式。
barWidth	number	TabBar的宽度值，不设置时使用系统主题中的默认值。	TabBar的宽度值，不设置时使用系统主题中的默认值。
barHeight	number	TabBar的高度值，不设置时使用系统主题中的默认值。	TabBar的高度值，不设置时使用系统主题中的默认值。
animationDuration	number	200	TabContent滑动动画时长。

• BarMode枚举说明

  名称	描述
  Scrollable	TabBar使用实际布局宽度, 超过总长度后可滑动。
  Fixed	所有TabBar平均分配宽度。

事件

名称		功能描述
onChange(callback: (index: number) => void)		Tab页签切换后触发的事件。