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）来实现这个效果。以下是一种可能的实现方式：

在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>
登录后复制

在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>
登录后复制

在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中实现鼠标悬停时出现下载按钮，可以使用以下步骤：

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

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

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

将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控件。