修改Xamarin Forms Android导航栏按钮及返回按钮颜色

我来帮你搞定这个头疼的问题！你已经成功设置了导航栏的蓝色底色和标题白色文字，但栏按钮项和返回按钮还顽固地显示黑色，确实很影响观感。下面几个方案应该能彻底解决：

1. 全局样式统一设置（推荐） #

直接在App.xaml里定义全局样式，一次性搞定所有导航页和按钮的颜色，不用每个页面单独设置：

<Application.Resources>
    <ResourceDictionary>
        <!-- 导航页整体样式 -->
        <Style TargetType="NavigationPage">
            <Setter Property="BarBackgroundColor" Value="#007AFF" /> <!-- 你的蓝色导航栏 -->
            <Setter Property="BarTextColor" Value="White" /> <!-- 标题文字白色 -->
            <Setter Property="TintColor" Value="White" /> <!-- 这个就是控制按钮图标的核心属性！ -->
        </Style>
        <!-- 确保ToolbarItem的文字也是白色 -->
        <Style TargetType="ToolbarItem">
            <Setter Property="TextColor" Value="White" />
        </Style>
    </ResourceDictionary>
</Application.Resources>

重点注意TintColor这个属性，它专门控制导航栏里的按钮图标（包括返回按钮、自定义ToolbarItem）的颜色，之前可能没设置这个才导致按钮还是黑色。

2. 平台特定设置（针对原生返回按钮） #

如果全局样式还是没搞定返回按钮，那是因为返回按钮是平台原生控件，需要单独在各平台项目里配置：

Android平台 #

打开Resources/values/styles.xml，修改你的AppTheme，添加控制返回按钮图标的属性：

<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <item name="colorPrimary">#007AFF</item> <!-- 导航栏底色 -->
    <item name="colorPrimaryDark">#005BB5</item> <!-- 状态栏底色 -->
    <item name="android:textColorPrimary">#FFFFFF</item> <!-- 原生返回按钮图标颜色 -->
</style>

iOS平台 #

在AppDelegate.cs的FinishedLaunching方法里，设置UINavigationBar的全局外观：

public override bool FinishedLaunching(UIApplication app, NSDictionary options)
{
    // 设置导航栏底色和标题颜色
    UINavigationBar.Appearance.BarTintColor = UIColor.FromRGB(0, 122, 255);
    UINavigationBar.Appearance.TitleTextAttributes = new UITextAttributes
    {
        TextColor = UIColor.White
    };
    // 设置返回按钮和所有栏按钮的颜色
    UINavigationBar.Appearance.TintColor = UIColor.White;

    // 其他初始化代码...
    return base.FinishedLaunching(app, options);
}

3. 单个页面单独设置 #

如果你只想在某个特定页面修改按钮颜色，可以在页面的构造函数里添加：

public YourPage()
{
    InitializeComponent();
    // 设置当前页面的导航栏按钮颜色
    NavigationPage.SetTintColor(this, Color.White);
    // 可选：去掉返回按钮的文字，只保留图标
    NavigationPage.SetBackButtonTitle(this, "");
}

最后提醒一下：如果之前你给某个ToolbarItem单独设置了TextColor或者其他颜色属性，记得把它删掉，不然会覆盖全局样式的设置哦！

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