单击 ContentControl 中的按钮的事件

Question

研究模板时，我对如何获取单击此或那个模板按钮的事件很感兴趣。以简单模板为例：

<Window.Resources>
    <ControlTemplate x:Key="ControlTemplateKey" TargetType="{x:Type ContentControl}">
        <StackPanel>
            <TextBlock Text="TextBlock 01" />
            <Button Content="Button 01" />
            <Button Content="Button 02" />
        </StackPanel>
    </ControlTemplate>
</Window.Resources>

<ContentControl x:Name="ContentControlName" Template="{StaticResource ControlTemplateKey}" />

为了确定点击一个或另一个元素（在本例中为按钮），我遍历树的内容：

ContentControlName.PreviewMouseDown += (s, e) =>
{
    DependencyObject i = VisualTreeHelper.HitTest(s as Visual, Mouse.GetPosition(s as IInputElement)).VisualHit;

    while (i != null)
    {
        if (i is Button)
        {
            Console.WriteLine((i as Button).Content);
            break;
        }

        i = VisualTreeHelper.GetParent(i);
    }
};

但是，我认为有一种专门针对此的更简单的方法，而不是我在树上的迭代。如何更轻松地识别模板中按下的按钮？谢谢

Answer 1

如果您需要 MVVM 模式之外的解决方案，您仍然可以使用命令冒泡。 为此，使用了 RoutedCommand 类。

<Window x:Class="ClickInTemplate.ClickWind"
        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:ClickInTemplate"
        mc:Ignorable="d"
        Title="ClickWind" Height="450" Width="800">
    <Window.Resources>
        <ControlTemplate x:Key="ControlTemplateKey" TargetType="{x:Type ContentControl}">
            <StackPanel>
                <TextBlock Text="TextBlock 01" />
            
                <!--Any data can be passed in the parameter.
                In this example, I am passing in the parent ContentControl.-->
                <Button Content="Button 01" Command="Find"
                        CommandParameter="{Binding Mode=OneWay, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContentControl}}}"/>

                <!--In this example, I am passing just text.-->
                <Button Content="Button 02" Command="Cut"
                        CommandParameter="The button was pressed &quot;Button 02&quot;"/>
            </StackPanel>
        </ControlTemplate>
    </Window.Resources>
    <Grid>
        <ContentControl x:Name="ContentControlName" Template="{StaticResource ControlTemplateKey}">
            <ContentControl.CommandBindings>
                <CommandBinding Command="Find" Executed="Find_Executed"/>
                <CommandBinding Command="Cut" Executed="Cut_Executed"/>
            </ContentControl.CommandBindings>
        </ContentControl>
    </Grid>
</Window>

代码背后

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace ClickInTemplate
{
    /// <summary>
    /// Логика взаимодействия для ClickWind.xaml
    /// </summary>
    public partial class ClickWind : Window
    {
        public ClickWind()
        {
            InitializeComponent();
        }

        private void Find_Executed(object sender, ExecutedRoutedEventArgs e)
        {
            if (e.Parameter is ContentControl control)
            {
                // The variable "control" contains the ContentControl that was clicked.
                MessageBox.Show("Command \"Find\" in " + control.Name);
            }
        }

        private void Cut_Executed(object sender, ExecutedRoutedEventArgs e)
        {
            if (e.Parameter is string text)
            {
                // The variable "control" contains the ContentControl that was clicked.
                MessageBox.Show("Command \"Cut\" with Text=\"" + text + "\"");
            }
        }
    }
}

我使用了已经在 Net 中实现的命令，但是您可以根据需要创建自己的静态实例。

Answer 2

您通常注册事件处理程序来处理事件。
处理程序的一个参数是发送者对象。在您的情况下，此发件人是引发此事件的 Button 实例。

除了使用EventTrigger之外，基本上有四种方式可以监听一个UI事件（路由事件）：

例如在UIElement 内，例如Window:

AddHandler(Button.ClickEvent, new RoutedEventHandler(OnButtonClicked));

或

// Requires a named element using x:Name e.g. <Button x:Name="Button1" />
this.Button1.AddHandler(Button.ClickEvent, new RoutedEventHandler(OnButtonClicked));
this.Button2.AddHandler(Button.ClickEvent, new RoutedEventHandler(OnButtonClicked));

或

this.Button1.Click += OnButtonClicked;
this.Button2.Click += OnButtonClicked;

在 XAML 中，您可以将处理程序直接附加到源元素或源元素的任何父 UIElement：

<Button x:Name="Button1" 
                Click="OnButtonClicked" />
<Button x:Name="Button2" 
                Click="OnButtonClicked" />

或

<ContentControl x:Name="ContentControlName" 
                Button.Click="OnButtonClicked" />

最后处理事件。每种监听事件的方式都使用相同的事件处理程序：

private void OnButtonClicked(object sender, RoutedEventArgs e)
{
  // 'sender' parameter references the Button instance,
  // that was actually clicked (Button1 or Button2)
  var clickedButton = sender as Button;
}

或者，您可以将专用的事件处理程序附加到每个 Button，例如 OnButton1Clicked 和 OnButton2Clicked。