在Xamarin.Forms中通过导航控制TabView并切换至指定页面

要实现导航到TabView的第二个标签页其实很简单，Xamarin Community Toolkit的TabView提供了SelectedIndex属性来控制当前显示的标签（索引从0开始计数，第一个标签是0，第二个是1）。下面给你两种常用的实现方式：

方法1：直接通过代码后台设置（适合简单场景） #

首先给你的TabView添加一个x:Name属性，方便在代码中引用：

<Grid>
    <xct:TabView x:Name="PatientTabView" 
                 TabStripPlacement="Bottom" 
                 TabStripBackgroundColor="White" 
                 TabStripHeight="60" 
                 TabIndicatorColor="#2196f3" 
                 TabContentBackgroundColor="#2196f3">
        <xct:TabViewItem Icon="triangle.png" Text="Patient Details" TextColor="#2196f3" TextColorSelected="#2196f3" FontSize="12" >
            <Grid BackgroundColor="Gray">
                <Label HorizontalOptions="Center" VerticalOptions="Center" Text="TabContent1" />
            </Grid>
        </xct:TabViewItem>
        <xct:TabViewItem Icon="circle.png" Text="Patient Follows up" TextColor="#2196f3" TextColorSelected="#2196f3" FontSize="12">
            <Grid>
                <Label HorizontalOptions="Center" VerticalOptions="Center" Text="TabContent2" />
            </Grid>
        </xct:TabViewItem>
    </xct:TabView>
</Grid>

然后在页面的代码后台（比如构造函数、OnAppearing方法，或者某个按钮点击事件里）设置SelectedIndex为1：

protected override void OnAppearing()
{
    base.OnAppearing();
    // 导航到第二个标签页（索引1）
    PatientTabView.SelectedIndex = 1;
}

方法2：MVVM模式绑定（推荐用于结构化项目） #

如果你的项目采用MVVM架构，可以通过绑定SelectedIndex到ViewModel的属性来实现，这样更符合数据驱动的设计：

1. 在你的ViewModel中添加一个实现INotifyPropertyChanged的属性：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class PatientViewModel : INotifyPropertyChanged
{
    private int _selectedTabIndex;
    public int SelectedTabIndex
    {
        get => _selectedTabIndex;
        set
        {
            if (_selectedTabIndex != value)
            {
                _selectedTabIndex = value;
                OnPropertyChanged();
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 在XAML中把TabView的SelectedIndex绑定到ViewModel的属性，并确保页面的BindingContext已设置为该ViewModel：

<Grid>
    <Grid.BindingContext>
        <local:PatientViewModel />
    </Grid.BindingContext>
    
    <xct:TabView SelectedIndex="{Binding SelectedTabIndex}" 
                 TabStripPlacement="Bottom" 
                 TabStripBackgroundColor="White" 
                 TabStripHeight="60" 
                 TabIndicatorColor="#2196f3" 
                 TabContentBackgroundColor="#2196f3">
        <!-- 两个TabViewItem内容不变 -->
        <xct:TabViewItem Icon="triangle.png" Text="Patient Details" TextColor="#2196f3" TextColorSelected="#2196f3" FontSize="12" >
            <Grid BackgroundColor="Gray">
                <Label HorizontalOptions="Center" VerticalOptions="Center" Text="TabContent1" />
            </Grid>
        </xct:TabViewItem>
        <xct:TabViewItem Icon="circle.png" Text="Patient Follows up" TextColor="#2196f3" TextColorSelected="#2196f3" FontSize="12">
            <Grid>
                <Label HorizontalOptions="Center" VerticalOptions="Center" Text="TabContent2" />
            </Grid>
        </xct:TabViewItem>
    </xct:TabView>
</Grid>

3. 最后在ViewModel的构造函数或者需要触发导航的逻辑中设置SelectedTabIndex = 1：

public PatientViewModel()
{
    // 初始化时导航到第二个标签页
    SelectedTabIndex = 1;
}

两种方法都能帮你实现默认导航到第二个标签页的需求，根据你的项目架构选择合适的方式即可。

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