用Xceed的WPF DataGrid中的圖像替換複選框

Question

我在Xceed的WPF DataGridControl上使用了MVVM模式，並將我的網格列綁定到了view-model/data-context上的布爾屬性。

默認情況下，它顯示爲複選框，而我想顯示圖像，例如True的微笑臉和False的悲傷臉。由於列是隻讀的，因此它不需要像複選框那樣工作。

達到此目的的最佳方法是什麼？

Answer 1

您必須創建數據網格模板列才能實現自定義樣式。

<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> 

您可以進一步使用datatriggers與圖像

Answer 2

有張貼在Xceeds網站了解如何根據其他價值觀風格DATACELL一個博客的知名度發揮。因此，本質上，您可以創建一個帶有圖像控件的DataTemplate，並且可以創建一個條件，如果該值爲真，則設置歡樂面部，如果該值爲假，則設置爲悲傷面部。以下是顯示如何操作的鏈接：

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