WPF中如何为自定义控件指定专属ViewModel并触发依赖属性变更回调

问题根源 #

当你为控件设置DataContext = new JsonVisualizerViewModel()时，控件继承自父级（消费端）的DataContext被覆盖了。消费端的Json="{Binding Json}"绑定会转而寻找控件ViewModel中的Json属性，而非消费端ViewModel的属性——如果控件ViewModel没有这个属性，绑定会静默失效，导致控件的Json依赖属性从未被赋值，自然不会触发JsonChangedCallback。

修复步骤 #

1. 移除无效的Style设置

控件XAML中的Style完全错误（绑定目标指向了依赖属性的字段名JsonProperty而非属性名Json），且会干扰外部绑定，直接删除：

<TreeView x:Class="Visualizer.JsonVisualizer">
    <!-- 移除原有的Style节点 -->
</TreeView>

2. 内部维护专属ViewModel，不覆盖控件DataContext

在控件类中添加专属ViewModel的属性，仅将TreeView的DataContext绑定到该ViewModel，保留控件自身的DataContext继承自消费端：

public partial class JsonVisualizer : TreeView
{
    // 专属ViewModel
    public JsonVisualizerViewModel ViewModel { get; }

    public static readonly DependencyProperty JsonProperty =
        DependencyProperty.Register(
            nameof(Json),
            typeof(string),
            typeof(JsonVisualizer),
            new PropertyMetadata(null, JsonChangedCallback));

    public string Json
    {
        get => (string)GetValue(JsonProperty);
        set => SetValue(JsonProperty, value);
    }

    public JsonVisualizer()
    {
        InitializeComponent();
        ViewModel = new JsonVisualizerViewModel();
    }

    private static void JsonChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var visualizer = (JsonVisualizer)d;
        var jsonString = e.NewValue as string;
        
        // 将JSON传递给专属ViewModel处理节点逻辑
        visualizer.ViewModel.ProcessJson(jsonString);
    }
}

3. 绑定TreeView到专属ViewModel

在控件XAML中，将TreeView的DataContext绑定到控件自身的ViewModel属性，确保TreeView使用专属ViewModel：

<TreeView x:Class="Visualizer.JsonVisualizer"
          DataContext="{Binding ViewModel, RelativeSource={RelativeSource Self}}">
    <!-- 你的TreeView模板、资源等 -->
</TreeView>

验证效果 #

此时：

• 消费端的Json="{Binding Json}"绑定会正常指向消费端ViewModel的Json属性，赋值给控件的Json依赖属性，触发JsonChangedCallback
• TreeView使用控件的专属ViewModel处理节点展开等逻辑，与消费端ViewModel完全隔离
• 不会出现绑定冲突或静默失效的问题

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