在 Xceed 的 WPF DataGrid 中用图像替换复选框

Question

我将 MVVM 模式与 Xceed 的 WPF DataGridControl 结合使用，并将网格的一列绑定到视图模型/数据上下文上的布尔属性。

默认情况下，它显示为复选框，而我想显示图像，例如 True 为笑脸，False 为悲伤的脸。它不需要像复选框一样运行，因为该列是只读的。

实现这一目标的最佳方法是什么？

Answer 1

Xceeds 网站上发布了一篇关于如何根据其他值设置 DataCell 样式的博客。因此，本质上，您可以创建一个包含图像控件的 DataTemplate，并且可以创建一个条件，如果值为 true，则设置笑脸，如果值为 false，则设置悲伤的脸。以下链接显示了如何执行此操作：

http://xceed.com/CS/blogs/techside/archive/2011/07/06/datacell-styling-vs-cellcontenttemplate.aspx

Answer 2

您必须创建数据网格模板列才能实现自定义样式。

    <DataGrid.Columns>
     <DataGridTemplateColumn Header="First Name" IsReadOnly="True" Width="Auto" MinWidth="100" CanUserSort="True">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
<Grid>
                                        <Image Source="smile.jpg"/>
                                        <Image Source="smile.jpg"/>
</Grid>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn> 

    </DataGrid.Columns>

您可以进一步使用数据触发器来玩图像的可见性