UWP中如何通过代码编程切换TabView的选中标签页

所有平台的TabView/标签页组件均采用状态驱动设计，选中状态和一个可修改的变量绑定，直接修改该变量的值即可触发UI自动切换，无需手动操作组件视图。

注意：几乎所有平台的标签索引默认从0开始计数，第一个标签对应索引为0，第二个对应索引为1，刚好匹配你提到的场景

1. iOS SwiftUI 实现 #

SwiftUI的TabView需通过selection参数绑定状态变量，每个标签页通过tag修饰符设置唯一标识：

// 定义绑定的状态变量，初始值为1对应默认选中第二个标签
@State private var selectedTab = 1

var body: some View {
    TabView(selection: $selectedTab) {
        Text("第一个标签页内容")
            .tag(0) // 第一个标签的tag设为0
        Text("第二个标签页内容")
            .tag(1) // 第二个标签的tag设为1
    }
}

// 需要切换时直接修改状态变量即可
func switchToFirstTab() {
    selectedTab = 0
}

2. iOS UIKit 实现 #

UITabBarController直接提供可读写的selectedIndex属性，赋值即可完成切换：

// 直接持有UITabBarController实例的场景
tabBarController.selectedIndex = 0

// 当前控制器是TabBarController的子控制器场景
self.tabBarController?.selectedIndex = 0

3. 安卓 Jetpack Compose 实现 #

Compose的TabRow组件绑定选中索引的状态变量，修改状态即可触发切换：

// 定义选中状态，初始值1对应选中第二个标签
var selectedTabIndex by remember { mutableIntStateOf(1) }

Column {
    TabRow(selectedTabIndex = selectedTabIndex) {
        Tab(
            selected = selectedTabIndex == 0,
            onClick = { selectedTabIndex = 0 }
        ) {
            Text("标签1")
        }
        Tab(
            selected = selectedTabIndex == 1,
            onClick = { selectedTabIndex = 1 }
        ) {
            Text("标签2")
        }
    }
    // 标签页内容区域
    when(selectedTabIndex) {
        0 -> Text("第一个标签页内容")
        1 -> Text("第二个标签页内容")
    }
}

// 切换逻辑
fun switchToFirstTab() {
    selectedTabIndex = 0
}

4. 前端 React 实现 #

以常用的Ant Design组件库为例，绑定activeKey状态修改即可切换：

import { useState } from 'react'
import { Tabs, Tab } from 'antd'

export default function TabDemo() {
  // 初始选中key为1的第二个标签
  const [activeKey, setActiveKey] = useState('1')

  const switchToFirstTab = () => {
    // 赋值为第一个标签的key即可完成切换
    setActiveKey('0')
  }

  return (
    <>
      <button onClick={switchToFirstTab}>切换到第一个标签</button>
      <Tabs activeKey={activeKey} onChange={setActiveKey}>
        <Tab tab="标签1" key="0">第一个标签页内容</Tab>
        <Tab tab="标签2" key="1">第二个标签页内容</Tab>
      </Tabs>
    </>
  )
}

内容的提问来源于stack exchange，提问作者michalt38