wpf - 如何制作 2 状态图像按钮？

Question

我真的很惊讶我没有在这里找到这个简单问题的答案。我想用图像内容创建一个简单的按钮。按下时，图像应更改为另一个图像，释放按钮后更改回原始图像。什么是最简单的方法来做到这一点？

编辑:这不是切换按钮!

Answer 1

您可以使用 ControlTemplate 指定按钮的视觉结构来实现此目的。

下面的 XAML 显示了如何将图像添加到您的按钮(保持标准的 chrome 边框，但如果您不想要它，您可以将其删除)，并在 isPressed 事件上添加一个触发器来设置您的其他图像。您需要包含命名空间 xmlns:Microsoft_Windows_Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Luna"如果您想使用 chrome 按钮边框，也是如此。

    <Button>
    <Button.Template>
        <ControlTemplate TargetType="{x:Type Button}">      
            <Microsoft_Windows_Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Fill="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderDefaulted="{TemplateBinding IsDefaulted}" SnapsToDevicePixels="true" ThemeColor="NormalColor">
                <Image x:Name="buttonImage" Source="defaultImage"/>
            </Microsoft_Windows_Themes:ButtonChrome>                
            <ControlTemplate.Triggers>      
                <Trigger Property="IsPressed" Value="true">
                    <Setter Property="Source" TargetName="buttonImage" Value="onPressedImage"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Button.Template>          
</Button>