WPF中HierarchicalDataTemplate绑定父元素Fill属性失败求助

核心问题 #

1. 数据模型设计不合理：你将CurveLine继承自Shape，但Shape是WPF的UI控件类，不适合作为数据模型使用，这会导致绑定上下文混乱，同时违背WPF的设计原则。
2. 绑定或属性赋值问题：即使继承自Shape，若Fill属性未被显式赋值，默认是透明色，自然看不到绘制内容；另外HierarchicalDataTemplate的使用场景（如TreeView）可能导致Polyline的DataContext并非CurveLine实例，引发绑定失败。

解决方案步骤 #

1. 重构数据模型 #

创建纯数据模型类，不再继承Shape，并实现INotifyPropertyChanged支持属性变更通知：

using System.Collections.Generic;
using System.ComponentModel;
using System.Windows.Media;
using System.Windows;

public class CurveLineModel : INotifyPropertyChanged
{
    private Brush _fill;
    private List<Point> _points = new List<Point>();

    public Brush Fill
    {
        get => _fill;
        set
        {
            _fill = value;
            OnPropertyChanged(nameof(Fill));
        }
    }

    public List<Point> Points
    {
        get => _points;
        set
        {
            _points = value;
            OnPropertyChanged(nameof(Points));
        }
    }

    public CurveLineModel(int x, int y)
    {
        // 可初始化默认颜色，或外部赋值
        Fill = Brushes.Black;
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 调整DataTemplate（无需HierarchicalDataTemplate） #

由于Points是绘图坐标集合，并非层级子数据，使用普通DataTemplate即可：

<DataTemplate DataType="{x:Type local:CurveLineModel}">
    <Polyline Points="{Binding Points, Converter={StaticResource ConverterPointsCollection}}" 
              Stroke="{Binding Fill}"
              StrokeThickness="2"/> <!-- 增加线宽，更容易观察效果 -->
</DataTemplate>

3. 确保正确赋值Fill属性 #

创建CurveLineModel实例时，明确设置Fill值：

var curve = new CurveLineModel(0, 0)
{
    Fill = Brushes.Red,
    Points = new List<Point> { new Point(10,10), new Point(100,100), new Point(200,50) }
};
// 将curve加入ItemsControl的ItemsSource集合

4. 若必须使用HierarchicalDataTemplate #

如果场景确实需要层级结构（比如CurveLine下还有其他子数据项），需通过RelativeSource指定父级上下文绑定Fill：

<HierarchicalDataTemplate DataType="{x:Type local:CurveLineModel}" ItemsSource="{Binding 子项集合属性}">
    <Polyline Points="{Binding Points, Converter={StaticResource ConverterPointsCollection}}" 
              Stroke="{Binding DataContext.Fill, RelativeSource={RelativeSource AncestorType={x:Type TreeViewItem}}}"
              StrokeThickness="2"/>
</HierarchicalDataTemplate>

验证要点 #

• 检查ConverterPointsCollection是否正确将List<Point>转换为PointCollection，确保坐标有效。
• 确认ItemsControl的ItemsSource集合中，确实包含已赋值Fill的CurveLineModel实例。

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