在.NET MAUI中实现Windows桌面风格TabView的技术问询

完全可行。.NET MAUI基于WinUI 3构建Windows端应用，天然支持调用WinUI原生控件和样式，能轻松实现类似WinUI画廊或经典WinForms的TabView效果，无需局限于移动端UI设计。

实现方式 #

1. 定制MAUI内置TabView的Windows端样式 #

MAUI内置的TabView默认样式偏向移动端，但可通过平台专属资源字典调整为桌面风格：

• 设置TabStripPlacement为Top（匹配WinForms的标签栏位置）
• 调整背景色、字体大小、内边距等属性适配系统主题

示例代码：

<TabView>
    <TabView.Items>
        <TabViewItem Header="主页">
            <Label Text="主页内容区域"/>
        </TabViewItem>
        <TabViewItem Header="设置">
            <Label Text="设置内容区域"/>
        </TabViewItem>
    </TabView.Items>
    <TabView.Resources>
        <OnPlatform x:TypeArguments="ResourceDictionary">
            <On Platform="Windows">
                <ResourceDictionary>
                    <Style TargetType="TabView">
                        <Setter Property="TabStripPlacement" Value="Top"/>
                        <Setter Property="TabStripBackground" Value="{StaticResource SystemControlBackgroundAltHighBrush}"/>
                    </Style>
                    <Style TargetType="TabViewItem">
                        <Setter Property="FontSize" Value="14"/>
                        <Setter Property="Padding" Value="12,8"/>
                        <Setter Property="SelectedForegroundColor" Value="{StaticResource SystemControlHighlightAccentBrush}"/>
                    </Style>
                </ResourceDictionary>
            </On>
        </OnPlatform>
    </TabView.Resources>
</TabView>

2. 直接使用WinUI原生TabView控件 #

MAUI允许Windows端直接嵌入WinUI 3的原生TabView，完全复用WinUI画廊的原生样式和交互：

• 添加WinUI命名空间引用
• 直接在XAML中使用winui:TabView，自动继承系统桌面主题

示例代码：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:winui="clr-namespace:Microsoft.UI.Xaml.Controls;assembly=Microsoft.UI.Xaml"
             x:Class="YourAppName.MainPage">
    <winui:TabView>
        <winui:TabView.TabItems>
            <winui:TabViewItem Header="文档">
                <TextBlock Text="文档内容展示"/>
            </winui:TabViewItem>
            <winui:TabViewItem Header="工具">
                <TextBlock Text="工具功能区域"/>
            </winui:TabViewItem>
        </winui:TabView.TabItems>
    </winui:TabView>
</ContentPage>

3. 深度定制样式匹配WinForms风格 #

如果需要完全复刻经典WinForms的TabView视觉，可通过修改WinUI的样式资源：

• 调整TabItem的边框样式、选中状态背景色
• 配置标签栏的布局间距，贴近WinForms的紧凑风格

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