绑定到 userControl 的 WPF C# 命令不会触发

WPF C# Commands bound to userControl won't fire

所以,我创建了一个 UserControl,它实际上是一个 "advanced button"。 我已经实现了依赖属性,其中之一是 ICommand,当在实际 Window.

中使用控件时,它应该可以进一步绑定

但是,由于某种原因,该命令不起作用。

当我在常规按钮上尝试完全相同的方法时,一切正常(因此这不是我的 DelegateCommand 实现或我的 ViewModel 的错误)。

我试图跟进为什么绑定的命令没有触发,但我找不到不触发的可靠原因。

这是我的用户控件XAML:

<Window x:Class="NoContact.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:NoContact"
    mc:Ignorable="d"
    xmlns:userControls="clr-namespace:NoContact.UserControls"
    Title="MainWindow" Height="800" Width="960" Background="#22282a">
<Border BorderThickness="1" BorderBrush="#ffcd22" Margin="10,10,10,10">
<Grid>
    <Button HorizontalContentAlignment="Stretch" Foreground="{Binding ElementName=ImageButtonUC, Path=Foreground}"
            Background="{Binding ElementName=ImageButtonUC, Path=Background}">
        <DockPanel Width="{Binding ElementName=ImageButtonUC, Path=ActualWidth}">
            <Image Source="{Binding ElementName=ImageButtonUC, Path=Image}" DockPanel.Dock="Left"
                   Height="{Binding ElementName=ImageButtonUC, Path=ActualHeight, Converter={StaticResource HeightConverter}}" 
                   Width="{Binding ElementName=ImageButtonUC, Path=ActualWidth, Converter={StaticResource HeightConverter}}" VerticalAlignment="Center"/>
            <TextBlock Text="{Binding ElementName=ImageButtonUC, Path=Text}" FontSize="17" VerticalAlignment="Center" />
        </DockPanel>
    </Button>
</Grid>
<UserControl.Resources>
    <Style TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border Background="{TemplateBinding Background}">
                        <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

这是我的用户控件隐藏代码:

public partial class ImageButton : UserControl
{

    // OTHER IRRELEVANT CLASS PARAMETERS ARE HERE

    public ICommand ClickCommand
    {
        get { return (ICommand)GetValue(ClickCommandProperty); }
        set { SetValue(ClickCommandProperty, value); }
    }

    // OTHER IRRELEVANT DEPENDENCY PROPERTIES ARE HERE

    public static DependencyProperty ClickCommandProperty =
        DependencyProperty.Register("ClickCommand", typeof(ICommand), typeof(ImageButton));

    public ImageButton()
    {
        InitializeComponent();
    }
}

最后,我是这样使用控件的:

 <userControls:ImageButton x:Name="phoneButton" ClickCommand="{Binding Path=MyButtonClickCommand}" Style="{StaticResource phoneImageButtonUCStyle}" Text="Telefon" Width="200" Height="100" VerticalAlignment="Top" />

控件的 DataContext 设置在堆栈面板上,它包裹在我的控件周围。我也试过直接在控件上设置,没有效果。

同样,在常规按钮上执行相同的操作就可以了。

我终于解决了这个问题 - 而且它非常微不足道。

我省略了最重要的绑定 - UserControl 的按钮命令到 UserControl 的依赖关系 属性。

像这样改变它使它起作用:

<Button HorizontalContentAlignment="Stretch" Foreground="{Binding ElementName=ImageButtonUC, Path=Foreground}"
        Background="{Binding ElementName=ImageButtonUC, Path=Background}"
        Command="{Binding ElementName=ImageButtonUC, Path=ClickCommand}">