如何使用DockPanel实现ICommand或图像单击？

Question

这是我开始之前的一些背景。我开始用WPF创建我的应用程序，就像我以前在WinForms中编程一样。显然，这完全绕过了WPF的力量。现在我已经阅读了更多关于WPF和MVVM框架的内容，我开始调整我的应用程序，使其能够以Model ViewModel的方式工作。

在此之前，我曾经有我的窗口后面的代码，只需处理MouseDown RoutedEvents，然后继续并提示一个窗口进行签名。我的DockPanel和图像似乎没有Command。

我怎样才能用MVVM的方式做到这一点呢？RoutedEvents是解决这种情况的方法吗？

Answer 1

将所有UI元素放入按钮的ControlTemplate中并使用它的命令，而不是将行为和内容复杂化：

<Button Command="{Binding YourCommand}">
   <Button.Template>
      <ControlTemplate TargetType="Button">
          <DockPanel>
             <Image/>
             <!-- Whatever -->
          </DockPanel>
      </ControlTemplate>
   </Button.Template>
</Button>

Answer 2

您可以使用共混SDK附带的交互触发器。

Steps -

• 添加对程序集System.Windows.Interactivity的引用。
• 在XAML文件中添加相应的命名空间 xmlns:interactivity="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

你可以把它当作一个例子-

<StackPanel>
   <interactivity:Interaction.Triggers>
      <interactivity:EventTrigger EventName="MouseDown">
        <interactivity:InvokeCommandAction Command="{Binding CloseCommand}"/>
      </interactivity:EventTrigger>
   </interactivity:Interaction.Triggers>            
</StackPanel>

这里，CloseCommand在您的ViewModel类中。

Answer 3

要实现图像，请单击：

1. 编写扩展System.Windows.Control.Image.的类
2. 创建一个RoutedEvent和，以方便鼠标单击事件。
3. 覆盖OnMouseLeftButtonDown

在我的示例中，我计算单击计数，因为不知道如何做得更好。

public class ImageHelper : Image
    {
        public static readonly RoutedEvent MouseLeftButtonClick =
            EventManager.RegisterRoutedEvent(
                "MouseLeftButtonClick",
                RoutingStrategy.Bubble,
                typeof(RoutedEventHandler),
                typeof(ImageHelper));

        public event RoutedEventHandler MouseLeftButtonClickEvent
        {
            add
            {
                AddHandler(MouseLeftButtonClick, value);
            }
            remove
            {
                RemoveHandler(MouseLeftButtonClick, value);
            }
        }

        protected override void OnMouseLeftButtonDown(MouseButtonEventArgs e)
        {
            if (e.ClickCount == 1)
            {
                RaiseEvent(new MouseLeftButtonClickEventArgs(
                    MouseLeftButtonClick, this));
            }
            base.OnMouseLeftButtonDown(e);
        }

        public class MouseLeftButtonClickEventArgs : RoutedEventArgs
        {
            public MouseLeftButtonClickEventArgs(RoutedEvent routedEvent, object source)
                : base(routedEvent, source)
            {
               // some code.....
            }
        }
    }

XAML：

<local:ImageHelper>
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="MouseLeftButtonClickEvent">
                    <i:InvokeCommandAction Command="{Binding Path=MyCommand}" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
 </local:ImageHelper>