在 .net MAUI 中更改选定的选项卡背景颜色

Question

我有一个弹出菜单形式的 shell 导航菜单，其中每个 FlyoutItem 都在屏幕底部包含一个 TabBar 菜单。这是完成看https://learn.microsoft.com/en-us/dotnet/maui/fundamentals/shell/tabs

<FlyoutItem Title="FirstFlyout" Icon="flyout_icon.png">
     <Tab Title="FirstTab" Icon="tab_icon.png">
          <ShellContent ContentTemplate="{DataTemplate view:FirstView}" />
     </Tab>
     <Tab Title="SecondTab" Icon="tab_icon.png">
          <ShellContent ContentTemplate="{DataTemplate view:SecondView}" />
     </Tab>
</FlyoutItem>

我也有一个 Style 来改变标签的外观

<Style TargetType="Tab">
    <Setter Property="Shell.TabBarBackgroundColor"
        Value="Blue" />
    <Setter Property="Shell.TabBarTitleColor"
        Value="White" />
    <Setter Property="Shell.TabBarUnselectedColor"
        Value="Green" />
</Style>

我的问题是 TabBarUnselectedColor 影响选项卡上文本的颜色而不是背景，并且似乎没有任何属性可以控制所选选项卡的背景颜色。

如何设置当前选中标签页的背景颜色？

Answer 1

因此，如果您查看文档，您会找到您要查找的内容： https://learn.microsoft.com/en-us/dotnet/maui/fundamentals/shell/tabs#tab-appearance

Shell 类定义了以下控制选项卡外观的附加属性：

• TabBarBackgroundColor，颜色类型，定义选项卡栏的背景颜色。如果未设置该属性，则使用 BackgroundColor 属性值。
• TabBarDisabledColor，类型为 Color，用于定义选项卡栏的禁用颜色。如果未设置该属性，则使用 DisabledColor 属性值。
• TabBarForegroundColor，类型为 Color，用于定义选项卡栏的前景色。如果未设置该属性，则使用 ForegroundColor 属性值。
• TabBarTitleColor，类型为 Color，用于定义选项卡栏的标题颜色。如果未设置该属性，将使用 TitleColor 属性值。 TabBarUnselectedColor，属于 Color 类型，它定义选项卡栏的未选中颜色。如果未设置属性，则使用 UnselectedColor 属性值。

对于未选择的 bg 颜色，您需要更改 TabBarDisabledColor

所以你的风格看起来像这样

<Style TargetType="Tab">
 <Setter Property="Shell.TabBarBackgroundColor"
    Value="Blue" />
 <Setter Property="Shell.TabBarTitleColor"
    Value="White" />
 <Setter Property="Shell.TabBarUnselectedColor"
    Value="White" />
 <Setter Property="Shell.TabBarDisabledColor"
    Value="Green" />
</Style>