如何在CollectionView的ItemTemplate中绑定对象的嵌套属性

你的绑定失效核心有两个原因：

1. XAML绑定仅支持公共属性，无法识别字段：你的Data类里的iImage是字段，而非带getter的公共属性，绑定系统无法识别这个成员。
2. 数据层存储UI控件属于错误设计：Image是UI控件，数据类应该只存数据（比如图片源ImageSource），直接持有UI对象会导致UI与数据耦合过高，还可能引发内存泄漏。

正确解决方案 #

1. 修改数据类 #

将字段改为属性，并把类型替换为ImageSource（图片源的标准数据类型）：

public class Data
{
    // 其他成员...
    public ImageSource ImageSource { get; set; }
    // 其他成员...
}

2. 调整数据赋值逻辑 #

把原Image控件的Source赋值给Data对象的ImageSource属性，而非直接传入Image控件：

// 构建数据列表
List<Data> data = new List<Data>()
{
    new Data { ImageSource = image.Source }, // 传入ImageSource而非Image控件
    // 其他数据项...
};
CV.ItemsSource = data;

3. 修正XAML绑定 #

直接绑定到ImageSource属性即可：

<CollectionView x:Name="CV">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Image Source="{Binding ImageSource}" />
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

临时兼容方案（不推荐） #

如果暂时不想重构数据结构，至少要把iImage改成公共属性：

public class Data
{
    // 其他成员...
    public Image iImage { get; set; }
    // 其他成员...
}

然后XAML绑定可以写成：

<Image Source="{Binding iImage.Source}" />

但还是强烈建议使用第一种方案，遵循UI与数据分离的设计原则，避免后续出现更多问题。

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