Question

我创建了一个（稍微）扩展的Checkbox，它具有IsError属性（主要用于在不满足某些条件时将复选框的颜色更改为红色），如下所示：

public class MyCheckBox : CheckBox
{
    public static readonly DependencyProperty IsErrorProperty = DependencyProperty.Register("IsError", typeof(bool), typeof(MyCheckBox), new UIPropertyMetadata(false));

    public MyCheckBox() : base()
    {
        IsError = false;
        IsCorrect = false;
    }

    public bool IsError
    {
        get { return (bool)GetValue(IsErrorProperty); }
        set { SetValue(IsErrorProperty, value); }
    }
}

此控件与以下样式关联：

<Style TargetType="{x:Type local:MyCheckBox}">
    <Setter Property="FontSize" Value="14"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="Margin" Value="0,2,8,2"/>
    <Setter Property="BorderBrush" Value="Yellow"/>
    <Setter Property="BorderThickness" Value="2"/>
    <Style.Triggers>
        <Trigger Property="IsEnabled" Value="False">
            <Setter Property="Foreground" Value="LightGray"/>
            <Setter Property="BorderThickness" Value="0"/>
        </Trigger>
        <Trigger Property="IsError" Value="True">
            <Setter Property="BorderBrush" Value="Red"/>
        </Trigger>
    </Style.Triggers>
</Style>

一切都很好，如果我创建其中一个复选框，它会正确响应IsError绑定。

我遇到的问题是将它们放在ItemsControl中。如果我创建一个非常基本的项目控件并手动设置值然后它可以工作 - 显示项目列表，IsError和IsChecked属性按预期运行。

<ItemsControl Grid.Column="3" Grid.Row="8" HorizontalAlignment="Left" VerticalAlignment="Top" BorderThickness="0">
    <local:MyCheckBox Content="Item1"/>
    <local:MyCheckBox Content="Item2" IsChecked="True"/>
    <local:MyCheckBox Content="Item3" IsError="True"/>
    <local:MyCheckBox Content="Item4" IsChecked="True" IsError="True"/>
</ItemsControl>

但是，如果我使用绑定作为项目列表，则Content和IsChecked属性按预期工作，但IsError属性完全被忽略，我无法将边框更改为红色。

<ItemsControl Grid.Column="3" Grid.Row="8" HorizontalAlignment="Left" VerticalAlignment="Top" BorderThickness="0">
              ItemsSource="{Binding MyThings}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <local:MyCheckBox Content="{Binding Path=ColorName}" IsChecked="{Binding Path=IsPresent}" IsError="{Binding Path=IsError}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

我知道IsError绑定值是正确的（我通过包含绑定到显示正确的True / False信息的相同值的Label来测试）但我无法弄清楚如何使自定义Checkbox正确显示;好像显示的项目使用标准的复选框而不是自定义版本。

作为参考，控件绑定的项目列表如下：

public class Thing : INotifyPropertyChanged
{
    #region INotifyPropertyChanged
    protected void RaisePropertyChanged(string propertyName)
    {
        var handler = PropertyChanged;

        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    #endregion

    private string colorName;
    public string ColorName 
    {
        get { return colorName; }
        set { colorName = value; RaisePropertyChanged("ColorName"); } 
    }

    private bool isPresent;
    public bool IsPresent
    {
        get { return isPresent; }
        set { isPresent = value; RaisePropertyChanged("IsPresent"); }
    }

    private bool isError;
    public bool IsError
    {
        get { return isError; }
        set { isError = value; RaisePropertyChanged("IsError"); } 
    }

    public CastorClip(string colorName)
    {
        ColorName = colorName;
        IsPresent = false;
        IsError = false;
    }
}

private ObservableCollection<Thing> myThings = new ObservableCollection<Thing>();
public ObservableCollection<Thing> MyThings
{
    get { return myThings; }
    set { myThings = value; RaisePropertyChanged("MyThings"); }
}

我错过了什么？我怎样才能做到这一点？

Answer 1

事实证明，在自定义复选框的构造函数中存在问题，其中IsError属性被设置为覆盖绑定表达式。我还将其他可能性放在这里，以便其他确实进入WPF常见陷阱的人可以立即检查它们。

默认情况下，属性IsError不会双向绑定，请更改：

Clock

为：

new UIPropertyMetadata(false)

此外，将其添加到复选框的静态构造函数中，以便它将查找特定于您的复选框的默认样式：

new FrameworkPropertyMetadata {
    BindsTwoWayByDefault = true,
    DefaultValue = false
}

请务必检查资源的添加方式。

在ItemsControl

1 个答案: