WPF 鼠标悬停在图片上出现按钮

你可以使用 `ToolTip` 控件来实现这个效果。将 `ToolTip` 的 `PlacementTarget` 属性设为图片，然后在 `ToolTip` 中添加你想要显示的按钮。当鼠标悬停在图片上时，`ToolTip` 就会自动显示，从而实现了鼠标悬停在图片上出现按钮的效果。

以下是一个示例代码：

<Image Width="100" Height="100" Source="Images/MyImage.png">
    <Image.ToolTip>
        <ToolTip Placement="Mouse" PlacementTarget="{Binding RelativeSource={RelativeSource Self}}">
            <Button Content="Click me!" Click="Button_Click"/>
        </ToolTip>
    </Image.ToolTip>
</Image>

在这个示例中，当鼠标悬停在图片上时，就会出现一个名为 "Click me!" 的按钮。当用户单击该按钮时，就会触发 `Button_Click` 事件。你可以在该事件中编写自己的逻辑代码。

相关问题

WPF 鼠标悬停在图片上出现按钮，按钮居中布置，并且按钮能够点击，可以执行Command命令

您可以使用WPF中的触发器（Trigger）来实现这个效果。以下是一种可能的实现方式：

1. 在XAML中定义一个包含图片和按钮的StackPanel：

<StackPanel>
    <Image Source="your_image_source.png" Width="100" Height="100"/>
    <Button x:Name="your_button" Content="Your Button" Width="80" Height="30" Visibility="Hidden"
            Command="{Binding YourCommand}" CommandParameter="{Binding YourCommandParameter}"/>
</StackPanel>

2. 在StackPanel上定义一个触发器，当鼠标悬停在上面时，显示按钮并将其居中布置：

<StackPanel.Triggers>
    <Trigger Property="UIElement.IsMouseOver" Value="True">
        <Setter TargetName="your_button" Property="Visibility" Value="Visible"/>
        <Setter TargetName="your_button" Property="HorizontalAlignment" Value="Center"/>
        <Setter TargetName="your_button" Property="VerticalAlignment" Value="Center"/>
    </Trigger>
</StackPanel.Triggers>

3. 在ViewModel中定义YourCommand和YourCommandParameter，并将其绑定到按钮上：

public class YourViewModel
{
    public ICommand YourCommand { get; set; }
    public object YourCommandParameter { get; set; }

    public YourViewModel()
    {
        YourCommand = new RelayCommand(YourCommandExecute);
        YourCommandParameter = "Your command parameter";
    }

    private void YourCommandExecute(object parameter)
    {
        // Your command logic here
    }
}

请注意，这里使用了RelayCommand作为ICommand的实现类，您需要在代码中实现它，或者使用其他已有的实现。

WPF鼠标悬停在图片上时出现下载按钮

要在WPF中实现鼠标悬停时出现下载按钮，可以使用以下步骤：

1. 在XAML中创建一个Image控件，将其Source属性设置为要显示的图片。

2. 将Image控件的IsMouseOver属性绑定到一个布尔值，以便在鼠标悬停时更改其值。

3. 使用VisualStateManager定义两个视觉状态：正常状态和鼠标悬停状态。在鼠标悬停状态下，添加一个Button控件作为下载按钮。

4. 将Image的模板应用于控件，并在模板中定义VisualStateManager。

以下是一个示例XAML代码：

<Image Source="myImage.png">
    <Image.Template>
        <ControlTemplate TargetType="Image">
            <Grid>
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Normal"/>
                        <VisualState x:Name="MouseOver">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="downloadButton" 
                                                               Storyboard.TargetProperty="(UIElement.Visibility)">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{x:Static Visibility.Visible}" />
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Image x:Name="image" Source="{TemplateBinding Source}" />
                <Button x:Name="downloadButton" Content="Download" Visibility="Collapsed" 
                        HorizontalAlignment="Center" VerticalAlignment="Center" />
            </Grid>
        </ControlTemplate>
    </Image.Template>
    <Image.Style>
        <Style TargetType="Image">
            <Setter Property="IsMouseOver" Value="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" />
        </Style>
    </Image.Style>
</Image>

在此示例中，当鼠标悬停在图像上时，将显示一个名为“Download”的按钮。要更改按钮的外观和行为，请调整模板中的Button控件。