Question

<UserControl x:Class="WpfApplication2.ProgressBar"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <ProgressBar Minimum="0" Maximum="1"  Value="0.5" LargeChange="0.1" SmallChange="0.01" Margin="2,2,12,2" Height="22">
            <ProgressBar.Template>
                <ControlTemplate>
                    <Border BorderThickness="2" BorderBrush="Black">
                        <Rectangle>
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0,0">
                                    <LinearGradientBrush.EndPoint>
                                        <Point Y="0" X="{Binding RelativeSource={RelativeSource AncestorType={x:Type ProgressBar}}, Path=ProgressBar.Value}"/>
                                    </LinearGradientBrush.EndPoint>
                                    <GradientStop Color="Transparent" Offset="1.01"/>
                                    <GradientStop Color="#FF0000" Offset="1.0"/>
                                    <GradientStop Color="#FFFF00" Offset="0.50"/>
                                    <GradientStop Color="#00FF00" Offset="0.0"/>
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                    </Border>
                </ControlTemplate>
            </ProgressBar.Template>
        </ProgressBar>
        <TextBlock Text="50%" HorizontalAlignment="Center" VerticalAlignment="Center" />
    </Grid>
</UserControl>

我得到错误：“无法在'Point'类型的'X'属性上设置'绑定'。'绑定'只能在DependencyObject的DependencyProperty上设置。”

有没有干净的解决方法？

Answer 1

由于Point.X不是依赖属性，因此您无法将其绑定到某些内容。您可以绑定EndPointProperty，并使用为您创建Point的转换器。它可以将Y值作为参数，例如

<强>的Xaml

<LinearGradientBrush.EndPoint>
    <Binding RelativeSource="{RelativeSource AncestorType={x:Type ProgressBar}}"
             Path="Value"
             Converter="{StaticResource PointXConverter}"
             ConverterParameter="0"/>
</LinearGradientBrush.EndPoint>

PointXConverter

public class PointXConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        double progressBarValue = (double)value;
        double yValue = System.Convert.ToDouble(parameter);
        return new Point(progressBarValue, yValue);
    }
    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

注意：可能与您的问题无关，但如果您还需要绑定Y，则可以使用MultiBinding这样的

<LinearGradientBrush.EndPoint>
    <MultiBinding Converter="{StaticResource PointConverter}">
        <Binding RelativeSource="{RelativeSource AncestorType={x:Type ProgressBar}}"
                 Path="Value"/>
        <Binding RelativeSource="{RelativeSource AncestorType={x:Type ProgressBar}}"
                 Path="Value"/>
    </MultiBinding>                                        
</LinearGradientBrush.EndPoint>

PointConverter

public class PointConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        double xValue = (double)values[0];
        double yValue = (double)values[1];
        return new Point(xValue, yValue);
    }
    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

创建自定义ProgressBar时的绑定问题

1 个答案: