MAUI中页面级本地导航栏（二级导航）的实现方案咨询

针对你在MAUI的SelectedBookPage中实现页面级本地导航的需求，以下是几种比单选按钮方案更优、用户体验更好的实现思路：

1. 利用MAUI Shell的嵌套Tab导航（原生集成） #

思路：Shell本身支持层级嵌套TabBar，能和全局导航保持一致的交互体验，还会自动管理导航栈状态，是最贴合MAUI生态的方案。
实现步骤：在AppShell中扩展Books标签的结构，为SelectedBookPage添加嵌套Tab，将三个子页面（Information/Pages/Review）关联到对应的ShellContent。

代码示例（AppShell.xaml）：

<TabBar>
    <Tab Title="Home">
        <ShellContent ContentTemplate="{DataTemplate Views:HomePage}" />
    </Tab>

    <Tab Title="Books">
        <ShellContent ContentTemplate="{DataTemplate Views:BookPage}" Route="BookPage" />
        <!-- 嵌套Tab用于SelectedBookPage的本地导航 -->
        <Tab Title="BookDetail" Route="SelectedBookPage">
            <ShellContent ContentTemplate="{DataTemplate Views:BookInfoPage}" Route="Info" Title="Information" />
            <ShellContent ContentTemplate="{DataTemplate Views:BookPagesPage}" Route="Pages" Title="Pages" />
            <ShellContent ContentTemplate="{DataTemplate Views:BookReviewPage}" Route="Review" Title="Review" />
        </Tab>
    </Tab>

    <Tab Title="Account">
        <ShellContent ContentTemplate="{DataTemplate Views:AccountPage}" />
    </Tab>
</TabBar>

在BookPage中跳转时，直接指定目标路由即可：

await Shell.Current.GoToAsync("//Books/SelectedBookPage/Info");

切换子Tab时，Shell会自动同步导航状态，平台原生样式的Tab栏能带来统一的交互体验。

2. 使用MAUI TabView控件（页面内独立标签） #

思路：如果不需要和全局导航集成，仅做页面内局部标签切换，MAUI自带的TabView是最优选择——它内置选中状态管理、切换动画，比自定义单选按钮+ContentPresenter简洁得多。

代码示例（SelectedBookPage.xaml）：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:views="clr-namespace:YourApp.Views"
             x:Class="YourApp.Views.SelectedBookPage">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <!-- 页面级本地导航栏 -->
        <TabView Grid.Row="0"
                 TabStripPlacement="Top"
                 SelectedTabColor="#2196F3"
                 UnselectedTabColor="#666666"
                 TabStripBackgroundColor="#FFFFFF">
            <TabViewItem Header="Information">
                <views:BookInfoPage />
            </TabViewItem>
            <TabViewItem Header="Pages">
                <views:BookPagesPage />
            </TabViewItem>
            <TabViewItem Header="Review">
                <views:BookReviewPage />
            </TabViewItem>
        </TabView>
    </Grid>
</ContentPage>

这个方案完全在页面内控制，无需修改AppShell结构，滑动切换、选中动画等交互逻辑都由控件原生处理，用户体验流畅。

3. 自定义分段式导航栏（高度定制化） #

如果需要完全自定义导航栏样式（比如贴近iOS SegmentedControl的圆角分段效果），可以用HorizontalStackLayout结合Button+绑定实现，比单选按钮更灵活易维护。

代码示例（SelectedBookPage.xaml）：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:views="clr-namespace:YourApp.Views"
             xmlns:converters="clr-namespace:YourApp.Converters"
             x:Class="YourApp.Views.SelectedBookPage"
             x:Name="ThisPage">
    <ContentPage.Resources>
        <converters:TabToColorConverter x:Key="TabToColorConverter" />
        <Style x:Key="SegmentedButtonStyle" TargetType="Button">
            <Setter Property="BorderWidth" Value="1" />
            <Setter Property="BorderColor" Value="#2196F3" />
            <Setter Property="CornerRadius" Value="8" />
            <Setter Property="Margin" Value="0,0,-1,0" />
            <Setter Property="Padding" Value="15,8" />
        </Style>
    </ContentPage.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <!-- 自定义分段导航栏 -->
        <HorizontalStackLayout Grid.Row="0"
                               BackgroundColor="#F5F5F5"
                               Padding="10"
                               Spacing="0">
            <Button Text="Information"
                    Style="{StaticResource SegmentedButtonStyle}"
                    Command="{Binding SelectTabCommand}"
                    CommandParameter="Info"
                    BackgroundColor="{Binding SelectedTab, Source={x:Reference ThisPage}, Converter={StaticResource TabToColorConverter}, ConverterParameter=Info}" />
            <Button Text="Pages"
                    Style="{StaticResource SegmentedButtonStyle}"
                    Command="{Binding SelectTabCommand}"
                    CommandParameter="Pages"
                    BackgroundColor="{Binding SelectedTab, Source={x:Reference ThisPage}, Converter={StaticResource TabToColorConverter}, ConverterParameter=Pages}" />
            <Button Text="Review"
                    Style="{StaticResource SegmentedButtonStyle}"
                    Command="{Binding SelectTabCommand}"
                    CommandParameter="Review"
                    BackgroundColor="{Binding SelectedTab, Source={x:Reference ThisPage}, Converter={StaticResource TabToColorConverter}, ConverterParameter=Review}" />
        </HorizontalStackLayout>

        <!-- 内容区域 -->
        <ContentView Grid.Row="1"
                     Content="{Binding SelectedContent}" />
    </Grid>
</ContentPage>

ViewModel核心逻辑：

public string SelectedTab { get; set; } = "Info";
public View SelectedContent { get; set; } = new BookInfoPage();

public ICommand SelectTabCommand => new Command<string>(tab =>
{
    SelectedTab = tab;
    SelectedContent = tab switch
    {
        "Info" => new BookInfoPage(),
        "Pages" => new BookPagesPage(),
        "Review" => new BookReviewPage(),
        _ => new BookInfoPage()
    };
    OnPropertyChanged(nameof(SelectedTab));
    OnPropertyChanged(nameof(SelectedContent));
});

配套的TabToColorConverter用于切换按钮选中时的背景色，可根据需求自定义样式细节。

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