如何在MAUI使用Shell时修改汉堡栏的颜色

通用Shell样式设置（跨平台基础配置） #

• 修改汉堡栏背景色：直接在AppShell.xaml的<Shell>标签中设置BackgroundColor属性：

  <Shell
      x:Class="YourAppNamespace.AppShell"
      xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      BackgroundColor="#2C3E50"> <!-- 替换为你需要的颜色值 -->
      <!-- 你的Shell内容（FlyoutItem、TabBar等） -->
  </Shell>
  

• 修改汉堡图标颜色：如果使用自定义图标，通过样式指定颜色；若用默认图标，可设置Shell的ForegroundColor（同时会影响Shell内文本颜色）：

  <Shell.Resources>
      <Style TargetType="Image" x:Key="CustomFlyoutIconStyle">
          <Setter Property="Color" Value="#FFFFFF" /> <!-- 图标颜色 -->
      </Style>
  </Shell.Resources>
  
  <Shell.FlyoutIcon>
      <Image Source="hamburger.png" Style="{StaticResource CustomFlyoutIconStyle}" />
  </Shell.FlyoutIcon>
  

平台特定优化（针对Android/iOS的精细调整） #

Android平台 #

在Platforms/Android/Resources/values/styles.xml中自定义Toolbar样式，覆盖默认配置：

<style name="MainTheme" parent="MainTheme.Base">
    <item name="toolbarStyle">@style/CustomShellToolbar</item>
</style>

<style name="CustomShellToolbar" parent="Widget.Maui.Toolbar">
    <item name="android:background">#2C3E50</item> <!-- 汉堡栏背景色 -->
    <item name="android:tint">#FFFFFF</item> <!-- 图标及文本颜色 -->
</style>

iOS平台 #

在Platforms/iOS/AppDelegate.cs的FinishedLaunching方法中，通过代码修改导航栏（汉堡栏属于导航栏一部分）的颜色：

public override bool FinishedLaunching(UIApplication app, NSDictionary options)
{
    Microsoft.Maui.Handlers.WindowHandler.Mapper.AppendToMapping("CustomizeShellBar", (handler, view) =>
    {
        var navigationBar = handler.PlatformView.NavigationController.NavigationBar;
        navigationBar.BarTintColor = UIColor.FromRGB(44, 62, 80); // 背景色，对应RGB值
        navigationBar.TintColor = UIColor.White; // 汉堡图标及返回按钮颜色
    });

    return base.FinishedLaunching(app, options);
}

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