分段条 (SegmentedBar)

<SegmentedBar> 是一个 UI 条形组件，用于显示一组用于离散选择的按钮。

<SegmentedBar>
  <SegmentedBarItem title="First" />
  <SegmentedBarItem title="Second" />
  <SegmentedBarItem title="Third" />
</SegmentedBar>

属性 ​

items ​

items: SegmentedBarItem[]

要在 SegmentedBar 中显示的项目数组。

selectedIndex ​

selectedIndex: number

获取或设置所选项目的索引。

selectedBackgroundColor ​

selectedBackgroundColor: Color

获取或设置所选项目的背景颜色。

要设置整个条形的背景颜色，请使用backgroundColor。

参见 颜色。

...继承的 ​

有关其他继承属性，请参阅 API 参考。

SegmentedBarItem 属性 ​

title ​

title: string

获取或设置 SegmentedBarItem 的标题。

事件 ​

selectedIndexChanged ​

on('selectedIndexChanged', (args: EventData) => {
  const segmentedBar = args.object as SegmentedBar
  console.log('SegmentedBar index changed to:', segmentedBar.selectedIndex)
})

在点击 SegmentedBar 中的项目时发出。

原生组件 ​

• Android: android.widget.TabHost
• iOS: UISegmentedControl