XAML GridView如何将Color绑定列改为展示色块而非RGB文本

DisplayMemberBinding 仅支持将绑定值直接转为纯文本渲染，无法承载色块这类自定义视觉元素。当前列显示RGB数值，就是因为Color类型被自动调用了默认的字符串转换逻辑，没有办法通过这个属性自定义渲染效果。

直接修改原有XAML中第一列的配置，移除原来的DisplayMemberBinding，通过CellTemplate定义单元格的渲染规则即可，无需修改原有结构体定义，也不需要编写额外的类型转换器：

<ListView ItemsSource="{Binding ColorAttributes}">
    <ListView.View>
        <GridView>
            <!-- 替换原Color列的渲染逻辑 -->
            <GridViewColumn Header="Color" Width="120">
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <Border 
                            Width="24" 
                            Height="24" 
                            VerticalAlignment="Center"
                            BorderThickness="1" 
                            BorderBrush="#888888">
                            <Border.Background>
                                <!-- 直接绑定Color属性到SolidColorBrush的Color字段 -->
                                <SolidColorBrush Color="{Binding Color}"/>
                            </Border.Background>
                        </Border>
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
            <GridViewColumn Header="Color Name" Width="120" DisplayMemberBinding="{Binding TextValue}" />
            <GridViewColumn Header="Count" Width="50" DisplayMemberBinding="{Binding Count}" />
        </GridView>
    </ListView.View>
</ListView>

• DisplayMemberBinding和CellTemplate为互斥配置，设置模板后必须删除原列的DisplayMemberBinding，否则会出现渲染冲突
• 可通过调整Border的宽高、边距、边框样式，自定义色块的展示效果
• 色块默认垂直居中对齐，可避免和同排的文本、数字出现位置错位

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