包含图像和文本的 WPF 按钮

Question

这是我的按钮样式控件模板。

<StackPanel Orientation="Horizontal">
    <Image x:Name="EmailImage" Source="../Images/btn__icon_savedisk.png" Height="17" Width="17" Stretch="None" RenderOptions.BitmapScalingMode="NearestNeighbor" />
    <TextBlock x:Name="EmailImageTxt" Margin="20,0,20,0" Foreground="White" Text="{x:Static res:Localize.SAVE}" Background="{x:Null}" />
</StackPanel>

我的问题是当我将鼠标指针放在图像和文本按钮(图像和文本(之间的空间未选择的区域上时。我需要将鼠标聚焦在按钮上。

谢谢你的帮助。

Answer 1

将 Background="Transparent" 设置为 stackpanel，它按预期工作。

---

没有背景的控件通常在 XAML 术语中称为不可命中控件。因此，必须设置背景以使对象响应命中。

  <Button VerticalAlignment="Center" HorizontalAlignment="Center">
    <Button.Template>
        <ControlTemplate>
            <StackPanel x:Name="stackpanel"  Orientation="Horizontal">
                <Image x:Name="EmailImage" Source="Black.jpg" Height="17" Width="17" Stretch="None" RenderOptions.BitmapScalingMode="NearestNeighbor" />
                <TextBlock x:Name="EmailImageTxt" Margin="20,0,20,0" Foreground="Black" Text="gdfgdg}" Background="{x:Null}" />
            </StackPanel>
            <ControlTemplate.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="Red" TargetName="stackpanel"></Setter>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Button.Template>
</Button>