如何修改Visual Studio 2022中MAUI应用顶部紫色栏颜色？

你看到的顶部紫色栏，通常来自这两个核心场景：

1. Shell导航栏的默认内置样式
   MAUI默认模板里，Shell控件的导航栏会使用框架自带的主题颜色，即便你修改了自定义的Primary资源，若没显式覆盖Shell的全局样式，它仍会沿用默认的紫色。默认的Shell样式一般隐藏在Resources/Styles/Styles.xaml中，可能是未显式声明BackgroundColor的隐含样式，或是绑定了MAUI内置的系统颜色资源。

2. 平台专属的系统标题栏/状态栏
   不同平台的顶部栏有独立的配置逻辑：

• Android的状态栏：默认关联应用主题，未单独配置时会显示默认紫色；
• Windows的应用标题栏：默认继承系统或应用主题色，默认模板未做自定义设置。

修改方法 #

1. 覆盖Shell导航栏全局样式 #

打开Resources/Styles/Styles.xaml，找到或添加针对Shell的样式，显式指定背景色：

<Style TargetType="Shell">
    <Setter Property="BackgroundColor" Value="{StaticResource Primary}" />
    <!-- 按需添加标题文字颜色设置 -->
    <Setter Property="Shell.ForegroundColor" Value="{StaticResource PrimaryDarkText}" />
</Style>

2. 配置平台特定的顶部栏 #

Android（状态栏）

打开Platforms/Android/MainActivity.cs，在OnCreate方法中添加状态栏颜色设置：

protected override void OnCreate(Bundle savedInstanceState)
{
    base.OnCreate(savedInstanceState);
    // 设置状态栏背景色
    Window.SetStatusBarColor(Android.Graphics.Color.ParseColor("#cccccc"));
    // 如需修改状态栏文字颜色（例：深色背景配白色文字）
    Window.DecorView.SystemUiVisibility = StatusBarVisibility.Visible;
}

Windows（应用标题栏）

打开Platforms/Windows/App.xaml.cs，在OnLaunched方法中添加标题栏颜色设置：

protected override void OnLaunched(LaunchActivatedEventArgs args)
{
    base.OnLaunched(args);
    var appWindow = Microsoft.UI.Xaml.Window.Current.AppWindow;
    // 设置标题栏背景色
    appWindow.TitleBar.BackgroundColor = Microsoft.UI.Colors.Gray;
    // 设置标题栏文字颜色
    appWindow.TitleBar.ForegroundColor = Microsoft.UI.Colors.Black;
}

3. 排查页面级样式覆盖 #

检查AppShell.xaml或各页面的XAML代码，确认没有页面级的Shell.BackgroundColor设置覆盖了全局样式。

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