这感觉就像一个非常基本的问题,但我相信有更好的方法来做到这一点。我的用户界面中有Button
,用于选择特定标签并从Command
点击ViewModel
这是当前代码(工作正常):
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'.
谢谢!
编辑,因为我问的是我的Window的XAML结构,它看起来像这样:
<DockPanel LastChildFill="True">
<Ribbon DockPanel.Dock="Top">
<Button Content="Button!" Click="OnButtonClick" Command="{Binding WhateverCommand}" />
</Ribbon>
<TabControl>
<TabItem x:Name="theTab" />
</TabControl>
</DockPanel>
答案 0 :(得分:9)
错误总结了它。您无法在Setter
中使用EventTrigger
。如果您想在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>
答案 1 :(得分:4)
您可以向VM引入bool
属性IsMyTabSelected
,将其绑定到TabItem.IsSelected
:
<TabItem x:Name="theTab" IsSelected="{Binding IsMyTabSelected}" >
然后,您只需在WhateverCommand
的{{1}}处理程序中设置此标记即可。
注意:Button
属性必须实现IsMyTabSelected
。
答案 2 :(得分:4)
肯定有更好的方法。在Windows.Interactivity
程序集的帮助下,您可以将事件源绑定到单个类,仅包含关联的操作。有了这个,你几乎可以做你想要的一切。
动作类必须从TriggerAction派生。通过覆盖Invoke
- 方法,您可以指定操作。
尽管有这种情况,也可以将EventTrigger
绑定到命令(例如relay命令),从而实现干净的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