如何正确使用BoolToObjectConverter实现Image的数据源绑定？

问题根源分析 #

你的代码存在两个核心问题导致DeviceHasScanner属性从未被调用：

1. XAML绑定语法错误：错误使用Source属性指定属性路径，Source用于绑定到特定对象实例，属性路径需用Path参数。
2. ViewModel未实现属性变更通知：若ViewModel未实现INotifyPropertyChanged，不仅属性变化时UI无法更新，首次绑定也可能因上下文问题无法触发属性的get访问器。

正确实现步骤 #

1. 修正XAML绑定代码 #

将绑定中的Source替换为Path，或使用更简洁的绑定语法：

修正后的完整XAML代码

<Image HorizontalOptions="Center" WidthRequest="200">
    <Image.Source>
        <Binding Path="DeviceHasScanner">
            <Binding.Converter>
                <converters:BoolToObjectConverter x:TypeArguments="x:String" 
                                                  TrueObject="presstoscan.png" 
                                                  FalseObject="scanwithcamera.png" />
            </Binding.Converter>
        </Binding>
    </Image.Source>
</Image>

或者使用简写形式（需先在页面资源中声明转换器）：

<ContentPage.Resources>
    <converters:BoolToObjectConverter x:Key="BoolToImageConverter" 
                                      x:TypeArguments="x:String"
                                      TrueObject="presstoscan.png" 
                                      FalseObject="scanwithcamera.png" />
</ContentPage.Resources>

<Image Source="{Binding DeviceHasScanner, Converter={StaticResource BoolToImageConverter}}"
       HorizontalOptions="Center" WidthRequest="200" />

2. 让ViewModel实现INotifyPropertyChanged #

实现该接口确保绑定系统能监听属性变化，同时保证首次绑定时正确触发属性访问：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class YourViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    // 辅助方法触发属性变更通知
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    public bool DeviceHasScanner
    {
        get 
        {
            return Settings.Get.DeviceHasScanner;
        }
        // 若需要修改该属性，添加setter并触发通知
        set
        {
            if (Settings.Get.DeviceHasScanner != value)
            {
                Settings.Get.DeviceHasScanner = value;
                OnPropertyChanged();
            }
        }
    }
}

3. 设置页面的BindingContext #

确保页面的BindingContext指向ViewModel实例，否则绑定系统找不到DeviceHasScanner属性：

在页面构造函数中添加：

public YourPage()
{
    InitializeComponent();
    // 绑定上下文设置为ViewModel实例
    BindingContext = new YourViewModel();
}

4. 优化转换器的鲁棒性 #

为转换器添加空值和类型判断，避免强制转换抛出异常：

using System;
using System.Globalization;
using System.Collections.Generic;
using Xamarin.Forms;

public class BoolToObjectConverter<T> : IValueConverter
{
    public T TrueObject { get; set; }
    public T FalseObject { get; set; }

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value is bool boolValue ? boolValue ? TrueObject : FalseObject : FalseObject;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value is T typedValue ? EqualityComparer<T>.Default.Equals(typedValue, TrueObject) : false;
    }
}

验证要点 #

• 确认Settings.Get.DeviceHasScanner确实能返回有效的bool值
• 检查页面的BindingContext是否正确设置，未被其他代码覆盖
• 确保转换器所在的命名空间已在XAML中正确引用（如xmlns:converters="clr-namespace:YourApp.Converters"）

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