如何将事件触发器添加到业务对象的数据模板？

Question

我有一个名为 BlinkingLight 的自定义类。 我还有一个静态 ObservableCollection BlinkingLightCollection。 在 UI 中，我有一个绑定到 BlinkingLightCollection 的 ListBox。

在我的 ListBox 中，我希望将每个 BlinkingLight 对象基本上显示为自定义控件，该控件看起来像带有 LED 灯的盒子，该控件具有动画，使 LED 看起来就像只闪烁了一秒钟然后恢复正常。

我的 BlinkingLight 类具有第三方“LED”对象，该对象引发名为“Flash”的事件。

我正在寻找想法或解决方案来使其发挥作用！

我失败的尝试：

我创建了一个自定义控件 (BlinkingLightControl)，当 BlinkingLight 是我的自定义控件的 DataContext 时，它可以绑定到我的 BlinkingLight 类的数据。

我为列表框创建了一个 DataTemplate：

<Window.Resources>
  <DataTemplate x:Key="blinkingLightItemTemplate" >
    <local:BlinkingLightControl />
  </DataTemplate>
</Window.Resources>

<ListBox ItemsSource={Binding Source={x:Static local:Data.BlinkingLightCollection}}
         ItemTemplate="{StaticResource blinkingLightItemTemplate}" />

注意：我可以将自定义控件的 xaml 放入数据模板中，而不是使用完全不同的控件（如果这样可以让事情变得更容易）。

现在我想在我的 BlinkingLightControl（或 DataTemplate）中有一个 EventTrigger，其 RoutedEvent 是 LED.Flash 事件。不幸的是我似乎无法弄清楚这部分。我尝试在 BlinkingLight 类中创建一个 RoutedEvent，并在处理 LED.Flash 事件时引发它。但是，我的类不是 UIElement 或 ContentElement，并且根据 MSDN：MSND 链接

“路由事件所有者可以是任何类，但路由事件必须由 UIElement 或 ContentElement 派生类引发并处理才能发挥作用。有关自定义事件的详细信息，请参阅如何：创建自定义路由事件。 ”

任何帮助将不胜感激！ 谢谢， 斯科特

Answer 1

在这种情况下，最好的方法是使用 WPF Commanding 并创建一个“BlinkTheLights”RouteCommand - 您的 BlinkingLightControl 将处理 BlinkTheLights 命令，并通过启动使灯闪烁的 StoryBoard 进行响应。

Answer 2

我能够想出一个效果很好的解决方案：

由于我的 DataTemplate 仅包含一个自定义 UserControl（它绑定到 DataContext 以从业务对象获取其数据）...我将自定义 RoutedEvent 放置在 UserControl 中。然后，在 UserControl 的已加载事件中，我将 DataContext 强制转换为我的业务对象，以访问具有该事件的业务对象的属性，并将其连接到事件处理程序。 （在我的示例中，我将 DataContext 转换为 BlinkingLight 对象，然后我可以访问其 Led 属性的 Flash 事件并将其连接到自定义事件处理程序）。
注意：LED 对象必须是一个属性，而不仅仅是 BlinkingLight 对象中的一个字段才能工作。

然后，事件处理程序可以引发 UserControl 的自定义路由事件 (FlashGreenEvent)。下面是后端代码，现在补充了OP中的代码（我已经删除了任何其他不相关的代码）。

public partial class BlinkingLightControl : UserControl
{
    public static readonly RoutedEvent FlashGreenEvent = EventManager.RegisterRoutedEvent("FlashGreen", RoutingStrategy.Direct, typeof(RoutedEventHandler), typeof(BlinkingLightControl));
    public event RoutedEventHandler FlashGreen
    {
        add { AddHandler(FlashGreenEvent, value); }
        remove { RemoveHandler(FlashGreenEvent, value); }
    }

    private void BlinkingLightControl_Loaded(object sender, RoutedEventArgs e)
    {
        BlinkingLight blinkingLight = (BlinkingLight)this.DataContext;

        blinkingLight.Led.Flash += LED_Flash;
    }

    protected delegate void LED_FlashCallback(ThirdParty.LED sender);
    public void LED_Flash(ThirdParty.LED sender)
    {
        if (this.Dispatcher.CheckAccess())
        {
            // Raise the Flash Green Event;
            RaiseEvent(new RoutedEventArgs(BlinkingLightControl.FlashGreenEvent));
        }
        else
            this.Dispatcher.Invoke(System.Windows.Threading.DispatcherPriority.Normal, new LED_FlashCallback(LED_Flash), sender);
    }
}

Answer 3

如果您正在制作自定义控件，则始终可以在控件模板之外设置触发器。

像这样的东西：

  <Style TargetType="{x:Type local:MyControl}">

  <!-- fade in the control with an animation -->
  <Style.Triggers>
    <EventTrigger RoutedEvent="Control.Loaded">
      <BeginStoryboard>
        <Storyboard>
         <DoubleAnimation To="1" Duration="0:0:1" Storyboard.TargetProperty="Opacity"/>
        </Storyboard>
      </BeginStoryboard>
    </EventTrigger>
  </Style.Triggers>

  <!-- Make sure the opacity starts at 0 -->
  <Setter Property="Opacity" Value="0"/>
  <Setter Property="Template">
      <Setter.Value>
         <ControlTemplate TargetType="{x:Type local:MyControl}">
         </ControlTemplate>
      </Setter.Value>
  </Setter>
</Style>