在xaml中创建图像样式

Question

我不知道为什么我在做这件事时遇到这么多麻烦，这不应该很难，但我一定是混合不称职。有人能给我一个图像样式的 xaml 吗，其中图像的不透明度为 60%，鼠标悬停时淡入到 100，鼠标移开时回到 60%，单击时发光 0.2 秒。

或者只是告诉我如何混合？

谢谢

解决方案很简单：

<Style x:Key="FadeImageButton" TargetType="Button">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid x:Name="grid" Width="16" Height="16">
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0:0:0.2"/>
                                <VisualTransition GeneratedDuration="0:0:0.2" To="Normal"/>
                                <VisualTransition GeneratedDuration="0:0:0.2" To="MouseOver"/>
                            </VisualStateGroup.Transitions>
                            <VisualState x:Name="Normal">
                                <Storyboard>
                                    <DoubleAnimation Duration="0" To="0.6" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="grid" d:IsOptimized="True"/>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="MouseOver">
                                <Storyboard>
                                    <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="grid" d:IsOptimized="True"/>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="Pressed"/>
                            <VisualState x:Name="Disabled"/>
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="FocusStates">
                            <VisualState x:Name="Focused"/>
                            <VisualState x:Name="Unfocused"/>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Answer 1

你当然不是无能。图像没有状态，因此样式并不是答案。

您可以为图像创建的唯一样式是针对一种固定状态的，因此您可以添加 60% 的不透明度，但仅此而已。

您的选项是：

• 创建 EnterImage 和 LeaveImage
  使用 ControlStoryboardAction 行为（在 MouseEnter 和 MouseLeave 事件上）播放的故事板。
• 创建自定义行为并将其附加到图像。
• 将图像放置在另一个具有状态的控件中（可能是按钮）
• 将图像放置在具有图像属性的用户控件中
• 创建自定义控件

最简单的是选项 1，但它需要将多个属性附加到每个图像，因此需要进行更多的拖动和单击操作创作它们。

如果您让我们知道您喜欢哪个选项，我也许可以发布一个示例。