WPF ListView DataTemplate问题：按钮焦点图片隐藏及项间距过大

针对你遇到的两个问题，我给你整理了具体的排查和解决方法：

问题1：鼠标聚焦按钮时图片隐藏 #

这种情况大概率是WPF默认的焦点视觉样式干扰，或者你的模板里存在触发图片隐藏的逻辑。试试下面的方案：

• 移除按钮的默认焦点样式：给按钮添加FocusVisualStyle="{x:Null}"，这样按钮获得焦点时不会生成默认的焦点边框，也就不会遮挡图片了。示例代码：

  <Button FocusVisualStyle="{x:Null}" Content="你的按钮内容">
      <!-- 按钮内的图片元素 -->
  </Button>
  

• 检查触发器绑定：查看DataTemplate里是否有针对IsFocused属性的触发器，比如误把图片的Visibility绑定到了按钮的IsFocused，如果是这种情况，调整绑定目标为ListViewItem的IsFocused，或者移除该触发器。
• 调整元素层级：确保图片元素的ZIndex高于按钮的焦点视觉元素，比如给图片设置Panel.ZIndex="1"，让它始终显示在按钮焦点样式的上层。

问题2：ListView项间距过大，调整为一行高度 #

ListView项的间距由ListViewItem本身的边距、内边距，以及DataTemplate内部容器的边距共同控制，你可以从这几个方面调整：

• 修改ListViewItem的样式：直接给ListView设置ItemContainerStyle，控制项之间的间距。比如要让底部间距为一行高度，可根据实际需求调整数值，示例：

  <ListView>
      <ListView.ItemContainerStyle>
          <Style TargetType="ListViewItem">
              <!-- 设置项之间的底部间距为一行高度 -->
              <Setter Property="Margin" Value="0,0,0,20"/> 
              <Setter Property="Padding" Value="0"/> <!-- 移除默认内边距 -->
              <Setter Property="VerticalContentAlignment" Value="Top"/> <!-- 对齐内容到顶部，减少多余空间 -->
          </Style>
      </ListView.ItemContainerStyle>
      <!-- 你的DataTemplate和其他设置 -->
  </ListView>
  

• 调整DataTemplate内部容器的边距：看你提供的代码里，StackPanel设置了Margin="1,1,1,1"，可以把这个Margin改成更紧凑的值，比如Margin="0,0,0,1"，减少模板内部的多余空间。
• 检查ItemsPanel的设置：如果你的ListView使用了自定义的ItemsPanel（比如StackPanel），可以设置StackPanel.Spacing属性来控制项之间的间距，示例：

  <ListView.ItemsPanel>
      <ItemsPanelTemplate>
          <StackPanel Spacing="20"/> <!-- 这里的数值就是项之间的间距 -->
      </ItemsPanelTemplate>
  </ListView.ItemsPanel>
  

内容的提问来源于stack exchange，提问作者user9107638