wpf - 是否可以仅使用 XAML 触发器单击按钮来永久更改图像的源？

Question

我正在尝试解决 WPF 数据网格上的以下问题:

我已经将 DataGrid 项目模板化为包含一个按钮 - 单击时，它会显示网格的 RowDetails。我无法按照我想要的方式设置该按钮的样式。具体来说，我希望它显示为“超链接”，旁边有一个小加号图标。单击以显示 RowDetails 时，该图标应更改为减号。

这是我尝试应用于按钮的 ControlTemplate:

<ControlTemplate x:Key="linkButtonTemplate" TargetType="{x:Type Button}">
     <StackPanel Orientation="Horizontal">                    
          <Image x:Name="expanderIcon" Source="Images/Plus.png"/>
          <TextBlock Foreground="Blue" TextDecorations="Underline" Padding="5 0 0 0">
               <ContentPresenter />
          </TextBlock>                    
     </StackPanel>
</ControlTemplate>

因此，当单击按钮时，我想更改该图像的 Source 属性。当再次点击它时，我想把它改回来。我遇到了以下建议的解决方案，但似乎都不理想:

<强>1。 Use a Trigger在 Button.IsPressed 事件上: 它有效! ...除非事件结束后图像会恢复。(即一旦 IsPressed 属性不再为 true)。所以它不起作用。

<强>2。使用EventTrigger :这些至少可以让您捕获按钮的单击事件...并且

Unlike Trigger, EventTrigger has no concept of termination of state, so the action will not be undone once the condition that raised the event is no longer true.

所以，太棒了!但它们似乎只允许您使用 Storyboard 操作进行响应，而不是简单的属性 setter 。除非我遗漏了什么，否则这些不适用于这种情况。

<强>3。使用Attached Behavior :我目前正在研究这个选项，但我就是忍不住想应该有一种包含XAML的方法来做到这一点。如果没有，那就这样吧——我会学习依恋行为。

但我希望有人对此有我没有遇到过的观点。

例如，是否有一种方法可以 Hook 包含指示 RowDetails 当前是否可见的按钮的 DataRow 属性？看来你也需要破解背后的代码才能实现这一点......我错了吗？

Answer 1

我不会说 EventTriggers 不适合这个，单帧动画很好，甚至可以在某些控件的默认模板中找到，例如

<VisualState Name="CalendarButtonFocused">
    <Storyboard>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CalendarButtonFocusVisual" Storyboard.TargetProperty="Visibility" Duration="0">
            <DiscreteObjectKeyFrame KeyTime="0">
                <DiscreteObjectKeyFrame.Value>
                    <Visibility>Visible</Visibility>
                </DiscreteObjectKeyFrame.Value>
            </DiscreteObjectKeyFrame>
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
</VisualState>

下面是如何以这种方式更改源的示例:

<Image Name="img" Source="C:\Users\Public\1.png"/>
<Button Content="!">
    <Button.Triggers>
        <EventTrigger RoutedEvent="Button.Click">
            <EventTrigger.Actions>
                <BeginStoryboard>
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames Storyboard.Target="{x:Reference img}"
                                                       Storyboard.TargetProperty="Source">
                            <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                <DiscreteObjectKeyFrame.Value>
                                    <BitmapImage UriSource="C:\Users\Public\2.png"/>
                                </DiscreteObjectKeyFrame.Value>
                            </DiscreteObjectKeyFrame>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger.Actions>
        </EventTrigger>
    </Button.Triggers>
</Button>