c# - 在悬停并单击时更改按钮的图像背景

Question

我添加了一个按钮，然后将其背景更改为图片。当它运行时，如果我将鼠标悬停在按钮上，图片就消失了，当我单击时，它会变成纯白色 我想改变它..我想在悬停时显示图片并点击

如何做到这一点？请帮帮我

我正在使用 Visual Studio 2013 - Windows 商店 - c#/xaml

这是我的 btton 的 xaml 代码

 <Button Content="Asia" HorizontalAlignment="Left" Margin="232,366,0,0" VerticalAlignment="Top" Height="395" Width="235" BorderThickness="0">
        <Button.Background>
            <ImageBrush ImageSource="south amirica.png"/>
        </Button.Background>
    </Button>

我要在这里改变什么吗？？

Answer 1

您所描述的行为是Button 的默认Template 的一部分。要自定义此行为，您可以定义您的自定义 Button.Template：

<Button Content="Asia" HorizontalAlignment="Left" Margin="232,366,0,0" VerticalAlignment="Top" Height="395" Width="235">
    <Button.Template>
        <ControlTemplate TargetType="Button">
            <Grid>
                <Grid.Background>
                    <ImageBrush ImageSource="south amirica.png"/>
                </Grid.Background>
                <ContentPresenter/>
            </Grid>
        </ControlTemplate>
    </Button.Template>
</Button>

请注意，这也会删除所有其他效果，例如按钮按下效果，但您可以根据需要将其添加到您的 Template

Answer 2

试试这个

<Button Height="35" Width="200">
    <Button.Template>
        <ControlTemplate TargetType="Button">
            <Grid>
                <Grid.Resources>
                    <BitmapImage x:Key="NormalButton" UriSource="Assets/NormalButton.png"></BitmapImage>
                    <BitmapImage x:Key="OnMouseOver" UriSource="Assets/OnMouseOver.png"></BitmapImage>
                    <BitmapImage x:Key="OnPresed" UriSource="Assets/OnPresed.png"></BitmapImage>
                </Grid.Resources>
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Normal"/>
                        <VisualState x:Name="PointerOver">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="ImageSource" Storyboard.TargetName="Border">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource OnMouseOver}"/>
                                </ObjectAnimationUsingKeyFrames>                     
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Pressed">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="ImageSource" Storyboard.TargetName="Border">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource OnPresed}"/>
                                </ObjectAnimationUsingKeyFrames>                                   
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Grid>
                    <Grid.Background>
                        <ImageBrush x:Name="Border" ImageSource="{StaticResource NormalButton}"></ImageBrush>
                    </Grid.Background>                      
                    <ContentPresenter x:Name="ContentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" ContentTransitions="{TemplateBinding ContentTransitions}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Grid>
            </Grid>
        </ControlTemplate>
    </Button.Template>        
</Button>