使用avaloniaui 帮我创建一个hover样式的按钮按钮效果是鼠标移动到按钮上会切换按钮的图片内容

在AvaloniaUI中创建一个Hover样式的按钮可以按照以下步骤进行：

1. 在XAML文件中添加一个Button控件，并设置其Content属性为一个Image控件，用于显示按钮的图片内容。

<Button>
    <Image Source="button_normal.png"/>
</Button>

2. 使用VisualStateManager类定义按钮的不同状态，并在不同状态下切换按钮的图片内容。在这里，我们将定义两种状态：Normal和Hover。Normal状态下显示按钮的正常图片，Hover状态下切换为另一张图片。这些状态将在鼠标悬停时自动切换。

<Button>
    <Button.Styles>
        <Style Selector="Button">
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="Padding" Value="0"/>
            <Setter Property="Content">
                <Setter.Value>
                    <Image Source="button_normal.png"/>
                </Setter.Value>
            </Setter>
            <Setter Property="VisualStateManager.VisualStateGroups">
                <VisualStateGroupList>
                    <VisualStateGroup Name="CommonStates">
                        <VisualState Name="Normal">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Content).(Image.Source)" Duration="0">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="button_normal.png"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState Name="Hover">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Content).(Image.Source)" Duration="0">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="button_hover.png"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateGroupList>
            </Setter>
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="#FF2D2D30"/>
                    <Setter Property="Foreground" Value="White"/>
                    <Setter Property="BorderThickness" Value="1"/>
                    <Setter Property="BorderBrush" Value="#FF2D2D30"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Button.Styles>
</Button>

3. 在以上代码中，我们定义了一个名为CommonStates的VisualStateGroup，并在其中定义了两个VisualState：Normal和Hover。在各自的VisualState中，我们使用ObjectAnimationUsingKeyFrames类来切换按钮的图片内容。

4. 最后，我们使用Trigger类来指定当鼠标悬停在按钮上时，将触发Hover状态，从而切换图片内容。

这样，我们就可以创建一个Hover样式的按钮了