ListView含图片的列不显示，求原因及Resource加载的XAML实现

一、ListView图标列不显示的可能原因及排查步骤 #

咱们先聚焦核心问题：为什么用IconTemplate的图片列没显示，导致Name列变成了第二列？我整理了几个实用的排查方向：

1. 先查绑定错误输出
   打开Visual Studio的输出窗口（调试模式下），搜索关键词BindingExpression，看看有没有关于ImageData属性的绑定错误——比如属性名拼写错误（WPF绑定严格区分大小写）、DataContext不匹配，或者值转换失败。这是最快定位问题的方法。

2. 验证模板本身是否正常工作
   先把IconTemplate里的动态绑定换成静态图片测试，比如和TreeView里一样的文件夹图标：

   <DataTemplate x:Key="IconTemplate">
       <Image Source="../Images/Folder.png" Stretch="Uniform" Height="20" Width="20" />
   </DataTemplate>
   

   如果这样能显示，说明模板本身没问题，问题出在ImageData的绑定或者图片加载逻辑上。

3. 确认Image控件的显示状态
   虽然你设置了Height="20"，可以加上Width="20"确保控件有固定尺寸；另外检查Visibility属性是不是被意外设成了Collapsed（默认是Visible，但以防万一）。

4. 检查ImageData的BitmapImage是否有效
   虽然你说属性参数匹配，但可以在代码里加个小判断确认：

   var bitmap = ImageHelper.LoadImage(AppConstants.FileRsourcePath);
   if (bitmap.IsDownloading)
   {
       bitmap.DownloadCompleted += (s, e) => System.Diagnostics.Debug.WriteLine("图片加载完成");
   }
   else if (bitmap.IsValid)
   {
       System.Diagnostics.Debug.WriteLine("图片有效");
   }
   item.ImageData = bitmap;
   

   确认BitmapImage确实加载成功，比如AppConstants.FileRsourcePath是不是多了多余的路径前缀，导致URI构造错误。

二、附加问题：Build Action设为Resource后，XAML中如何加载图片 #

当你把图片的Build Action设置为Resource后，加载方式会更简洁可靠，XAML和代码里都可以这样处理：

1. XAML直接引用 #

如果你的XAML文件和Images文件夹在同一项目层级（比如XAML在Views文件夹，Images在根目录），直接用相对路径即可：

<!-- 相对路径（简洁常用） -->
<Image Source="Images/Folder.png" Stretch="Uniform" Height="20" />

<!-- 绝对Pack URI格式（跨项目引用时更稳妥） -->
<Image Source="pack://application:,,,/Images/Folder.png" Stretch="Uniform" Height="20" />

2. 代码中加载（对应你的LoadImage方法） #

可以简化为相对路径，因为Resource会被嵌入到程序集里，不需要手动拼接Pack URI：

public static BitmapImage LoadImage(string filename)
{
    // 相对路径会自动对应程序集内的资源
    var uri = new Uri($"Images/{filename}", UriKind.Relative);
    return new BitmapImage(uri);
}

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