自定义DoubleIntSlider的BindableProperty无法向父页面绑定传递变更

我实现了一个内置两个滑块的DoubleIntSlider自定义视图，为每个Slider.Value关联了对应的BindableProperty，但这些属性无法将变更同步到父页面绑定的属性中。使用常规Slider进行完全相同的配置时功能正常。

相关代码展示 #

父页面与ViewModel代码 #

FilterPage页面

public partial class FilterPage : ContentPage
{
    public RestaurantFilter Filter { get; }
    
    public FilterPage(RestaurantFilter filter)
    {
        Filter = filter;
        InitializeComponent();
    }
}

RestaurantFilter类（实现INotifyPropertyChanged）

public class RestaurantFilter : INotifyPropertyChanged
{
    private int _minQuality = Restaurant.MIN_QUALITY;

    public int MinQuality
    {
        get => _minQuality;
        set => SetField(ref _minQuality, value);
    }

    private int _minPrice = Restaurant.MIN_PRICE;
    public int MinPrice 
    {
        get => _minPrice;
        set => SetField(ref _minPrice, value);
    }

    private int _maxPrice = Restaurant.MAX_PRICE;
    public int MaxPrice 
    {
        get => _maxPrice;
        set => SetField(ref _maxPrice, value);
    }

    // 省略INotifyPropertyChanged实现代码
}

父页面XAML代码 #

<Label 
    Text="Min Quality"
    HorizontalOptions="FillAndExpand" />
<views:IntegerSlider Value="{Binding .Filter.MinQuality}" Maximum="10" Minimum="1" />

<Label 
    Text="Price"
    HorizontalOptions="FillAndExpand" />
<views:DoubleIntSlider 
    MinValue="{Binding .Filter.MinPrice}" 
    MaxValue="{Binding .Filter.MaxPrice}" 
    Maximum="10" Minimum="1" />

绑定上下文为页面实例，拖动滑块时仅RestaurantFilter.MinQuality的setter会被触发，MinPrice和MaxPrice无响应。

DoubleIntSlider自定义控件代码 #

C#后台代码

public partial class DoubleIntSlider : StackLayout
{
    public static readonly BindableProperty MinValueProperty = BindableProperty.Create(
        nameof(MinValue),
        typeof(int),
        typeof(DoubleIntSlider),
        0,
        BindingMode.TwoWay,
        coerceValue: CoerceMinValue, 
        propertyChanged: MinChanged);

    public int MinValue
    {
        get => (int)GetValue(MinValueProperty);
        set => SetValue(MinValueProperty, value);
    }


    public static readonly BindableProperty MaxValueProperty = BindableProperty.Create(
        nameof(MaxValue),
        typeof(int),
        typeof(DoubleIntSlider),
        10,
        BindingMode.TwoWay,
        coerceValue: CoerceMaxValue, 
        propertyChanged: MaxChanged);   

    public int MaxValue
    {
        get => (int)GetValue(MaxValueProperty);
        set => SetValue(MaxValueProperty, value);
    }
    
    private static object CoerceMinValue(BindableObject bindable, object value)
    {
        var instance = (DoubleIntSlider)bindable;
        int minValue = (int)value;

        return minValue.Clamp(instance.Minimum, instance.MaxValue);
    }
    
    private static object CoerceMaxValue(BindableObject bindable, object value)
    {
        var instance = (DoubleIntSlider)bindable;
        int maxValue = (int)value;

        return maxValue.Clamp(instance.MinValue, instance.Maximum);
    }
    
    private static void MinChanged(BindableObject bindable, object oldValue, object newValue)
    {
        var ctrl = (DoubleIntSlider)bindable;
        ctrl.MinValue = (int)newValue;
    }
    
    private static void MaxChanged(BindableObject bindable, object oldValue, object newValue)
    {
        var ctrl = (DoubleIntSlider)bindable;
        ctrl.MaxValue = (int)newValue;
    }

    // 省略其他代码
}

DoubleIntSlider的XAML代码

<?xml version="1.0" encoding="utf-8"?>
<StackLayout xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:views="clr-namespace:App1.Views;assembly=App1"
             x:Class="App1.Views.DoubleIntSlider"
             x:Name="this"
             BindingContext="{x:Reference this}"
             Padding="10">

    <Slider
        Value="{Binding .MinValue}"
        Maximum="{Binding .Maximum}"
        Minimum="{Binding .Minimum}"
        HorizontalOptions="FillAndExpand"
        />
    
    <StackLayout Orientation="Horizontal"
                 HeightRequest="50"
                 Spacing="0"
                 Padding="10"
                 x:Name="BarLayout">
        <Rectangle x:Name="BarLeftMargin"
                   Stroke="Gray"
                   StrokeThickness="4"
                   StrokeDashArray="1,1"
                   StrokeDashOffset="6"
                   HeightRequest="5"
                   HorizontalOptions="Center"
                   VerticalOptions="Center" />
        <Rectangle Fill="Blue"
                   HorizontalOptions="FillAndExpand"
                   VerticalOptions="FillAndExpand" />
        <Rectangle x:Name="BarRightMargin"
                   Stroke="Gray"
                   StrokeThickness="4"
                   StrokeDashArray="1,1"
                   StrokeDashOffset="6"
                   HorizontalOptions="Center"
                   HeightRequest="5"
                   VerticalOptions="Center" />
    </StackLayout>
    
    <Slider
        Value="{Binding .MaxValue}"
        Maximum="{Binding .Maximum}"
        Minimum="{Binding .Minimum}"
        HorizontalOptions="FillAndExpand"
    />
</StackLayout>

DoubleIntSlider构造函数

public DoubleIntSlider()
{
    PropertyChanged += (_, __) =>
    {
        UpdateBar(); // 仅读取值的方法
    };
    
    InitializeComponent();
}

我尝试过所有BindingMode，添加/移除propertyChanged委托，将强制转换逻辑放到属性setter中，均无法让滑块更新时触发RestaurantFilter.MinPrice和MaxPrice的setter。

问题分析与修复方案 #

核心问题 #

1. 类型不匹配导致绑定失效：Slider.Value是double类型，而MinValue/MaxValue是int类型，直接绑定会引发隐式转换失败，无法同步值到自定义控件的BindableProperty。
2. propertyChanged回调循环赋值：在MinChanged/MaxChanged中手动给ctrl.MinValue赋值，会触发BindableProperty的循环更新，干扰正常绑定流程。
3. 冗余绑定语法：XAML中.MinValue的写法多余，且可能引发绑定解析异常。

修复步骤 #

1. 添加类型转换器，修复Slider绑定
   先实现int与double的双向转换器：

   public class IntDoubleConverter : IValueConverter
   {
       public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
       {
           return value is int intVal ? (double)intVal : 0.0;
       }
   
       public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
       {
           return value is double doubleVal ? (int)Math.Round(doubleVal) : 0;
       }
   }
   

   然后在DoubleIntSlider的XAML中引用并使用转换器：

   <?xml version="1.0" encoding="utf-8"?>
   <StackLayout xmlns="http://xamarin.com/schemas/2014/forms"
                xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                xmlns:views="clr-namespace:App1.Views;assembly=App1"
                xmlns:converters="clr-namespace:App1.Converters;assembly=App1"
                x:Class="App1.Views.DoubleIntSlider"
                x:Name="this"
                BindingContext="{x:Reference this}"
                Padding="10">
       
       <converters:IntDoubleConverter x:Key="IntDoubleConverter" />
   
       <Slider
           Value="{Binding MinValue, Converter={StaticResource IntDoubleConverter}, Mode=TwoWay}"
           Maximum="{Binding Maximum}"
           Minimum="{Binding Minimum}"
           HorizontalOptions="FillAndExpand"
           />
       
       <!-- BarLayout代码保持不变 -->
       
       <Slider
           Value="{Binding MaxValue, Converter={StaticResource IntDoubleConverter}, Mode=TwoWay}"
           Maximum="{Binding Maximum}"
           Minimum="{Binding Minimum}"
           HorizontalOptions="FillAndExpand"
       />
   </StackLayout>
   

2. 删除propertyChanged中的循环赋值代码
   BindableProperty会自动处理属性值更新，无需手动赋值，否则会引发循环更新：

   private static void MinChanged(BindableObject bindable, object oldValue, object newValue)
   {
       var ctrl = (DoubleIntSlider)bindable;
       // 移除 ctrl.MinValue = (int)newValue;
       ctrl.UpdateBar(); // 如需更新UI可保留此调用
   }
   
   private static void MaxChanged(BindableObject bindable, object oldValue, object newValue)
   {
       var ctrl = (DoubleIntSlider)bindable;
       // 移除 ctrl.MaxValue = (int)newValue;
       ctrl.UpdateBar();
   }
   

3. 优化强制转换逻辑（可选）
   避免强制逻辑互相干扰，确保初始值设置正常：

   private static object CoerceMinValue(BindableObject bindable, object value)
   {
       var instance = (DoubleIntSlider)bindable;
       int minValue = (int)value;
       int upperBound = Math.Min(instance.MaxValue, instance.Maximum);
       return minValue.Clamp(instance.Minimum, upperBound);
   }
   
   private static object CoerceMaxValue(BindableObject bindable, object value)
   {
       var instance = (DoubleIntSlider)bindable;
       int maxValue = (int)value;
       int lowerBound = Math.Max(instance.MinValue, instance.Minimum);
       return maxValue.Clamp(lowerBound, instance.Maximum);
   }
   

4. 简化父页面绑定语法（可选）
   移除多余的.符号，写法更规范：

   <views:DoubleIntSlider 
       MinValue="{Binding Filter.MinPrice}" 
       MaxValue="{Binding Filter.MaxPrice}" 
       Maximum="10" Minimum="1" />
   

内容的提问来源于stack exchange，提问作者Clément Couture