Xamarin已绑定点击手势的导航Image点击切换黑白图实现咨询

1. 全局资源统一定义 #

首先将所有导航图标资源注册到App全局静态资源中，实现全应用资源统一管控，后续修改图标只需要改一处配置即可，不用逐个页面修改硬编码的图片名。
打开App.xaml文件，添加如下资源定义：

<Application.Resources>
    <!-- 首页导航图标 -->
    <x:String x:Key="HomeIconNormal">homebtn2.png</x:String>
    <x:String x:Key="HomeIconGray">homebtn2BlackWhite.png</x:String>
    <!-- 其他导航图标可按相同格式补充定义 -->
</Application.Resources>

2. 交互逻辑完善 #

你当前的代码存在返回原页面时图标状态无法自动恢复的问题，需要补充页面生命周期的状态重置逻辑，修改后的代码如下：

导航页后台代码 #

void homepageButtonClicked(System.Object sender, System.EventArgs e)
{
    App.MenuIsPresented = false;
    // 从全局资源读取黑白图标资源
    btnHome.Source = Application.Current.Resources["HomeIconGray"] as string;
    App.NavigationPage.Navigation.PushAsync(new HomePage(new myHomePageViewModel()));
}

// 页面回到前台时重置导航图标为正常状态
protected override void OnAppearing()
{
    base.OnAppearing();
    btnHome.Source = Application.Current.Resources["HomeIconNormal"] as string;
    // 其他导航按钮的状态重置可在此处统一添加
}

3. 多导航入口状态同步（可选） #

如果你的次级导航有多个交互入口，可以在App.xaml.cs中添加全局导航状态字段，统一管控所有导航按钮的选中状态，保证全应用交互效果一致：

// 全局导航选中状态，可根据业务调整枚举值/数值定义
public static int CurrentSelectedNavIndex = 0;

点击对应导航按钮时修改该全局字段，页面OnAppearing时直接读取该字段的值批量设置所有导航图标的状态即可。

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