在 XAML 中处理按钮的 Click 事件？

Question

这感觉像是一个非常基本的问题，但我相信有更好的方法来做到这一点。我的 UI 中有一个Button，它选择一个特定的选项卡并从ViewModel 触发一个Command

这是当前代码（可以正常工作）：

XAML：

<Button Content="Button!" Click="OnButtonClick" Command="{Binding WhateverCommand}" />

后面的代码：

private void OnButtonClick(object sender, RoutedEventArgs e)
{
     theTab.IsSelected = true;
}

难道没有更简洁、仅限 XAML 的方式来执行该 UI 操作吗？我正在考虑类似的事情：

<Button Content="Button!" Click="OnButtonClick" Command="{Binding WhateverCommand}">
    <Button.Triggers>
        <EventTrigger RoutedEvent="Click">
            <Setter TargetName="theTab" Property="IsSelected" Value="True" />
        </EventTrigger>
    </Button.Trigger>
</Button>

但不幸的是，EventTrigger 似乎不支持Click 事件。为什么这样？在 WPF 工作了几年后，我有时仍然对触发器感到困惑，这几乎可以概括。尝试构建时，Setter 行出现错误：

A value of type 'Setter' cannot be added to a collection or dictionary of type 'TriggerActionCollection'.

谢谢！

编辑因为我被问到我的窗口的 XAML 结构，它看起来像这样：

<DockPanel LastChildFill="True">
    <Ribbon DockPanel.Dock="Top">
        <Button Content="Button!" Click="OnButtonClick" Command="{Binding WhateverCommand}" />
    </Ribbon>
    <TabControl>
        <TabItem x:Name="theTab" />
    </TabControl>
</DockPanel>

Answer 1

错误总结了它。您不能在EventTrigger 中使用Setter。如果您想在 XAML 中执行此操作，您可以使用Storyboard，它会在按下按钮时选择给定的选项卡。像这样的：

<Button Content="Click">
   <Button.Triggers>
       <EventTrigger RoutedEvent="Button.Click">
           <BeginStoryboard>
               <Storyboard>
                   <BooleanAnimationUsingKeyFrames Storyboard.TargetName="theTab" Storyboard.TargetProperty="IsSelected">
                       <DiscreteBooleanKeyFrame KeyTime="0:0:0" Value="True"/>
                   </BooleanAnimationUsingKeyFrames>
               </Storyboard>
           </BeginStoryboard>
       </EventTrigger>
   </Button.Triggers>
</Button>

Answer 2

肯定有更好的方法。在Windows.Interactivity 程序集的帮助下，您可以将事件源绑定到单个类，仅包含相关操作。有了这个，你几乎可以做你想做的一切。

动作类必须派生自 TriggerAction。通过覆盖Invoke-方法，您可以指定操作。

尽管有这种情况，也可以将EventTrigger 绑定到命令（例如中继命令），从而实现干净的 MMVM。

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

<Button x:Name="button">
                        <i:Interaction.Triggers>
                            <i:EventTrigger SourceName="button" EventName="Click">
                                <app:MyAction/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

Public Class MyAction
    Inherits Interactivity.TriggerAction(Of UIElement)

    Protected Overrides Sub Invoke(parameter As Object)
        MsgBox("Clicked")
    End Sub

End Class

我更新了代码以满足您的特定要求。 TriggerAction 类现在还包含一个依赖属性，可以在您的选项卡控件中找到它：

<TabControl x:Name="tab"/>
                    <Button x:Name="button">
                        <i:Interaction.Triggers>
                            <i:EventTrigger SourceName="button" EventName="Click">
                                <app:MyAction Target="{Binding ElementName=tab}"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

Public Class MyAction
    Inherits Interactivity.TriggerAction(Of UIElement)

    Protected Overrides Sub Invoke(parameter As Object)
        DirectCast(Target, TabControl).SelectedIndex = 0
    End Sub

    Shared Sub New()
        _targetProperty = DependencyProperty.Register(
          "Target",
          GetType(UIElement),
          GetType(MyAction),
          New UIPropertyMetadata(Nothing))
    End Sub

    Private Shared _targetProperty As DependencyProperty
    Public Shared ReadOnly Property TargetProperty As DependencyProperty
        Get
            Return _targetProperty
        End Get
    End Property

    Property Target As UIElement
        Get
            Return DirectCast(GetValue(TargetProperty), UIElement)
        End Get
        Set(value As UIElement)
            SetValue(TargetProperty, value)
        End Set
    End Property

End Class

Answer 3

您可以将bool 属性IsMyTabSelected 引入您的VM，将其绑定到TabItem.IsSelected：

<TabItem x:Name="theTab" IsSelected="{Binding IsMyTabSelected}" >

然后您只需在WhateverCommand 处理程序中为Button 设置此标志。 注意：IsMyTabSelected 属性必须实现 System.ComponentModel.INotifyPropertyChanged。