WPF自定义控件与依赖属性绑定到DockPanel.Dock附加属性不起作用

时间:2013-10-09 16:24:06

标签: c# wpf data-binding wpf-controls

我正在尝试创建一个具有4种状态(顶部,底部,左侧,右侧)的自定义控件,并且每种状态都需要更新DockPanel.Dock附加属性,该属性附加到控件模板中的Image控件

我的控制模板的一部分如下:

<ControlTemplate TargetType="{x:Type library:IndicatorButton}">
    <DockPanel LastChildFill="True">
    <Image x:Name="Icon" 
        DockPanel.Dock="{TemplateBinding State}" Height="66" Width="87"
        HorizontalAlignment="Center" VerticalAlignment="Center" 
        Stretch="UniformToFill" Source="{DynamicResource HandIcon}"/>

    <Border Background="{x:Null}"
            BorderBrush="{TemplateBinding BorderBrush}"
            BorderThickness="{TemplateBinding BorderThickness}"
            SnapsToDevicePixels="True" >
        <Rectangle Fill="Transparent"/>
    </Border>

并且“State”属性被定义为依赖属性,如此

public static readonly DependencyProperty StateProperty =
        DependencyProperty.Register("State", typeof(HandIndicatorStates),
        typeof(IndicatorButton),
        new FrameworkPropertyMetadata(HandIndicatorStates.None,
        OnIndicatorStateChanged){
    BindsTwoWayByDefault = true,
  });

HandIndicatorStates是一个枚举,定义如下

public enum HandIndicatorStates
{
    Left = 0,
    Right = 1,
    Top = 2,
    Bottom = 3,
    None = 4
}

最后我在xaml中定义控件,就像这样

<library:IndicatorButton State="Top" BorderBrush="Yellow" BorderThickness="5"/>

当我更改控件定义中的“State”属性时,没有任何反应。但是当我删除控件模板中的模板绑定并将其替换为“Top”,“Bottom”等时,我得到了所需的结果。

我确信这是我应该在自定义控制代码中做的事情。我省略了一些尝试并保持简短和甜蜜的东西,但如果你还需要其他东西,请询问

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

好吧,DockPanel.Dock附加属性的类型为System.Windows.Controls.Dock,而您绑定的属性属于您自己的自定义枚举类型。

这不会起作用,你应该在Visual Studio的输出窗口中收到一个绑定错误,表明这一点。

要使其正常工作,您可以将IValueConverter附加到绑定,绑定只是在不同的枚举类型之间进行映射。

我写了一个非常小的程序,展示了如何完成它。没有ControlTemplate或类似的东西,但你的实际问题没有任何关系。

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = this;
    }

    public HandIndicatorStates State
    {
        get { return HandIndicatorStates.Top; }
    }
}

public enum HandIndicatorStates
{
    Left = 0,
    Right = 1,
    Top = 2,
    Bottom = 3,
    None = 4
}

public class StateToDockEnumConverter : IValueConverter
{
    public object Convert(object value, Type targetType, 
            object parameter, System.Globalization.CultureInfo culture)
    {
        HandIndicatorStates state = (HandIndicatorStates)value;

        if (state == HandIndicatorStates.None)
            return null; //??

        // Map from HandIndicatorStates to Dock enum by name.
        var dock = Enum.Parse(typeof(Dock), state.ToString());
        return dock;
    }

    public object ConvertBack(object value, 
        Type targetType, object parameter, 
        System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

和XAML:

<Window.Resources>
    <local:StateToDockEnumConverter x:Key="conv" />
</Window.Resources>

<DockPanel>
    <Button Content="Dock to top" 
            DockPanel.Dock="{Binding State, Converter={StaticResource conv}}" />

    <Button Content="Fill rest" />
</DockPanel>