如何修改ContentControl的Content属性？自定义控件修改后无显示

看起来你遇到了WPF里ContentControl替换Content后不显示的坑，我之前也碰到过类似情况，给你几个常见的排查方向和解决方案：

1. 先排查UserControl2本身的问题 #

最常见的情况是UserControl2自己的布局有问题，导致它的尺寸变成0，看起来像是没显示。你可以先做个简单测试：直接在XAML里把原来的UserControl1换成UserControl2，看它能不能正常显示。
如果单独放也看不见，那大概率是UserControl2的根元素没设置正确的对齐方式——比如根Grid没加HorizontalAlignment="Stretch"和VerticalAlignment="Stretch"，或者里面根本没有实际内容，导致控件坍塌成一个点。

2. 确保修改Content的代码在UI线程执行 #

WPF的UI元素必须在UI线程操作，要是你在后台线程里改Content属性，UI根本不会更新。这种情况就需要切换到UI线程来执行：

Application.Current.Dispatcher.Invoke(() => 
{
    var control2 = new UserControl2();
    myContentControl.Content = control2;
});

要是你用的是异步方法，也可以用await Application.Current.Dispatcher.InvokeAsync(...)来切换线程。

3. 检查ContentControl的模板是否有问题 #

如果你给MyContentControl或者全局的ContentControl写了自定义ControlTemplate，那得看看模板里有没有正确的ContentPresenter——这是显示Content的核心控件。
正确的模板应该包含这样的ContentPresenter：

<ControlTemplate TargetType="ContentControl">
    <Border Background="{TemplateBinding Background}"
            BorderBrush="{TemplateBinding BorderBrush}"
            BorderThickness="{TemplateBinding BorderThickness}">
        <!-- 必须要有这个ContentPresenter，并且绑定Content相关属性 -->
        <ContentPresenter Content="{TemplateBinding Content}"
                          ContentTemplate="{TemplateBinding ContentTemplate}"
                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
    </Border>
</ControlTemplate>

要是模板里缺了ContentPresenter或者绑定错了属性，替换Content后自然看不到东西。

4. 检查DataContext是否传递正常 #

如果UserControl2需要依赖特定的DataContext才能显示内容，替换后可能因为DataContext没继承过来导致不显示。这种情况可以手动把父控件的DataContext传过去：

var control2 = new UserControl2();
control2.DataContext = myContentControl.DataContext; // 继承父控件的上下文
myContentControl.Content = control2;

5. 试试强制刷新UI #

有时候UI会有延迟更新的情况，你可以在设置Content后强制刷新布局：

myContentControl.Content = control2;
myContentControl.UpdateLayout(); // 强制控件重新计算布局

建议你按这个顺序排查，先从最简单的UserControl2单独测试开始，大概率能找到问题所在。

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