You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在Blazor MAUI中如何将Android端导航区域颜色改为粉色?

在Blazor MAUI Android平台修改导航区域为粉色的解决方案

方案1:直接通过Shell属性设置

在你的Shell标签上添加Shell.NavBarBackgroundColor属性,指定粉色值即可直接控制顶部导航栏背景色:

<Shell BackgroundColor="Pink" Shell.NavBarBackgroundColor="Pink">
    <TabBar  
      Shell.TabBarTitleColor="#072644"
      Shell.TabBarBackgroundColor="White"
      Shell.TabBarForegroundColor="Red"
      Shell.TabBarDisabledColor="Green"
      Shell.TabBarUnselectedColor="Gray">
      <!-- 你的Tab页面内容 -->
    </TabBar>
</Shell>

方案2:修改Android主题样式(全局生效)

如果Shell属性设置未生效,可能是Android默认主题颜色覆盖了配置,可通过修改主题文件全局调整:

  1. 打开Android项目下的Resources/values/styles.xml
  2. 修改主题的colorPrimary属性为粉色(示例使用标准粉色十六进制值#FFC0CB),还可同步调整状态栏深色色调:
<style name="MyTheme" parent="Maui.Shell">
    <item name="colorPrimary">#FFC0CB</item>
    <!-- 可选:设置顶部系统状态栏(电池/信号栏)颜色 -->
    <item name="colorPrimaryDark">#FFB6C1</item>
</style>
  1. 在AndroidManifest.xml中应用该主题:
<application android:theme="@style/MyTheme">
</application>

方案3:代码设置系统状态栏颜色

若需要单独修改顶部系统状态栏(显示电池、信号的区域)颜色,在Android项目的MainActivity.cs中添加以下代码:

protected override void OnCreate(Bundle savedInstanceState)
{
    base.OnCreate(savedInstanceState);
    // 将状态栏颜色设置为粉色
    Window.SetStatusBarColor(Android.Graphics.Color.ParseColor("#FFC0CB"));
}

内容的提问来源于stack exchange,提问作者John

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 05:13:22