如何将ViewModel中的颜色绑定到TreeView的每个节点？

要为每个TreeView节点绑定ViewModel里的独立颜色，你需要解决两个核心问题：类型转换（ViewModel的Color转WPF的Brush）和容器/内容的属性绑定，以下是具体实现步骤：

1. 创建颜色转画刷的转换器 #

因为ViewModel中存储的是Color类型，而WPF控件的Background属性需要Brush类型，所以需要一个转换器来完成类型转换：

using System.Globalization;
using System.Windows.Data;
using System.Windows.Media;

public class ColorToBrushConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value is Color color ? new SolidColorBrush(color) : Brushes.Transparent;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 在XAML中引用转换器 #

在你的窗口或用户控件的资源中声明这个转换器：

<Window.Resources>
    <local:ColorToBrushConverter x:Key="ColorToBrushConverter"/>
</Window.Resources>

3. 选择绑定方式（二选一） #

方式一：绑定整个TreeViewItem的背景 #

这种方式会让节点的整个区域（包括展开箭头、缩进区域）都应用颜色：

<TreeView Name="TreeView" ItemsSource="{Binding LeftTreeNodes}">
    <TreeView.ItemContainerStyle>
        <Style TargetType="TreeViewItem">
            <!-- 绑定到ViewModel的Color属性，通过转换器转为Brush -->
            <Setter Property="Background" Value="{Binding Color, Converter={StaticResource ColorToBrushConverter}}"/>
        </Style>
    </TreeView.ItemContainerStyle>
    <TreeView.ItemTemplate>
        <TreeDataTemplate ItemsSource="{Binding Children}">
            <Border>
                <StackPanel Orientation="Horizontal">
                    <TextBox Text="{Binding Text}" />
                </StackPanel>
            </Border>
        </TreeDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

方式二：仅绑定内容区域的背景 #

如果你只需要让文本所在的区域显示颜色，可以直接在TreeDataTemplate的容器上绑定：

<TreeView Name="TreeView" ItemsSource="{Binding LeftTreeNodes}">
    <TreeView.ItemTemplate>
        <TreeDataTemplate ItemsSource="{Binding Children}">
            <!-- 直接在Border上绑定背景色 -->
            <Border Background="{Binding Color, Converter={StaticResource ColorToBrushConverter}}">
                <StackPanel Orientation="Horizontal">
                    <TextBox Text="{Binding Text}" />
                </StackPanel>
            </Border>
        </TreeDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

补充：动态更新颜色（可选） #

如果需要在运行时动态修改节点颜色，确保ViewModel的Color属性实现INotifyPropertyChanged通知（你的ViewModel基类若已实现则无需修改）：

internal class TreeNodeViewModel : ViewModel
{  
    private Color _nodeColor = Colors.White;
    private string _text;
    
    public TreeNodeViewModel(string text, Color nodeColor, string icon)
    {
        _nodeColor = nodeColor;
        _text = text;
    }

    public string Text => _text;

    public Color Color
    {
        get => _nodeColor;
        set
        {
            _nodeColor = value;
            OnPropertyChanged(); // 触发属性变更通知
        }
    }

    public ObservableCollection<TreeNodeViewModel> Children { get; set; } = [];
}

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