如何在MaterialDesign中使用单击事件:在WPF中使用PackIcon？

Question

我在WPF应用程序中使用了materialDesign:PackIkon。

这是我在xaml上为PackIcon编写的代码

<ListViewItem Background="White" Height="55" >
         <StackPanel Orientation="Horizontal">
             <materialDesign:PackIcon Kind="CardMembership" MouseDown="PackIconMember_MouseDown" Height="40" Width="25" Foreground="#FF0959A8" />
             <Button  x:Name="btnMember" Click="btnMember_Click" Content="Member" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="Black" FontSize="10" />
           </StackPanel>
  </ListViewItem>

我的xaml中有一些PackIcon。它们中的每一个都在不同的列表视图中。

我想要的是当用户单击Icon时，它将在PackIconMember_MouseDown中处理事件

在我上面的代码中没有错误，问题有时是代码工作。我的意思是，当用户点击图标时，它将处理事件。但有时用户需要多次点击才能处理事件。我不知道为什么会这样。

你知道我该怎么做吗？或者任何替换MouseDown事件的建议。

​

​

只有当我点击蓝色的图标时，它才能工作。当我单击用箭头显示的空白区域时，它不起作用。当用户在图标上的任意位置单击时，我如何才能使其工作？有可能吗？

if I do inside按钮，packIcon不会出现

 <Button Background="{x:Null}" BorderBrush="{x:Null}" Foreground="Black" Height="20" Width="25" Margin="10">
    <materialDesign:PackIcon MouseDown="PackIconMember_MouseDown" TouchDown="PackIconMember_MouseDown" Kind="CardMembership" />
 </Button>

Answer 1

将PackIcon的Background属性设置为Transparent

<materialDesign:PackIcon Kind="CardMembership" MouseDown="PackIconMember_MouseDown" Height="40" Width="25" Foreground="#FF0959A8"
                         Background="Transparent" />

这应该会捕捉到图标的“空”部分的点击。

Answer 2

将图标作为按钮的一部分，如下所示：

<Button  x:Name="btnMember" Click="btnMember_Click" Content="Member" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="Black" FontSize="10" >
     <materialDesign:PackIcon Kind="CardMembership" Height="40" Width="25" Foreground="#FF0959A8" />
</Button

但你必须设置边距