WPF中ItemsControl内的UserControl无法加载模拟属性数据

核心问题 #

FruitUC未正确继承ItemsControl项的DataContext，或绑定未指向当前Fruit对象，导致设计时无法读取模拟数据。以下是需要检查和补充的配置：

1. 删除FruitUC中显式设置的DataContext
   检查FruitUC.xaml的根UserControl标签，若存在类似DataContext="{Binding RelativeSource={RelativeSource Self}}"的配置，请直接删除。ItemsControl会自动将集合中的每个Fruit对象作为ItemTemplate内控件的DataContext，显式设置会覆盖这一传递逻辑，导致绑定无法找到Fruit的属性。

正确的FruitUC内部绑定应直接指向Fruit的属性：

<!-- FruitUC.xaml 内部示例 -->
<StackPanel>
    <TextBlock Text="{Binding Name}" />
    <TextBlock Text="{Binding Color}" />
</StackPanel>

2. 显式绑定FruitUC的DataContext（可选，解决设计时上下文传递异常）
   若上述步骤无效，可在ItemsControl的ItemTemplate中显式将FruitUC的DataContext绑定到当前项，确保设计时上下文传递稳定：

<!-- FruitsView.xaml 中的ItemsControl配置 -->
<ItemsControl ItemsSource="{Binding SupportedFruits}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <local:FruitUC DataContext="{Binding}" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

3. 修正MockProduceVM的设计时数据初始化逻辑
   检查MockProduceVM的构造函数，确保设计时数据添加逻辑覆盖所有设计场景，避免因实例化多次导致数据被清空：

public MockProduceVM()
{
    SupportedFruits = new ObservableCollection<Fruit>();
    // 确保设计时判断逻辑准确
    if (DesignerProperties.GetIsInDesignMode(new DependencyObject()))
    {
        SupportedFruits.Add(new Fruit { Name = "Apple", Color = "Red" });
        SupportedFruits.Add(new Fruit { Name = "Banana", Color = "Yellow" });
        SupportedFruits.Add(new Fruit { Name = "Grape", Color = "Purple" });
    }
}

4. 验证Fruit类的INotifyPropertyChanged实现
   虽然运行时正常，但设计时对属性通知的要求可能更严格。确保Fruit类的属性正确触发PropertyChanged事件：

public class Fruit : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set
        {
            _name = value;
            OnPropertyChanged(nameof(Name));
        }
    }

    private string _color;
    public string Color
    {
        get => _color;
        set
        {
            _color = value;
            OnPropertyChanged(nameof(Color));
        }
    }

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

为什么直接用TextBox能显示？ #

TextBox直接绑定到ItemsControl项的DataContext（即Fruit对象），没有中间UC的DataContext覆盖问题。而FruitUC若显式设置自身DataContext，会切断与Item的绑定关系，导致设计时无法读取Fruit的属性值。

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