.NET 6迁移后WPF自定义BalonCtrl弹窗不显示问题求助

问题背景 #

将WPF应用迁移至.NET 6后，自定义ComboBox风格的弹窗控件（BalonCtrl）失效：点击触发按钮后弹窗不再显示。

相关控件代码：

// 点击按钮后应弹出的控件
public class BalonCtrl : ContentControl
{
  static BalonCtrl()
  {
    DefaultStyleKeyProperty.OverrideMetadata(typeof(BalonCtrl), 
    new FrameworkPropertyMetadata(typeof(BalonCtrl)));
  }

  // 其他属性...

  public void Show()
  {
    var popup = new Popup()
    {
      RenderTransform = new ScaleTransform(App.Window.ApplicationScale, App.Window.ApplicationScale),
      Focusable = true,
      MinWidth = MinWidth,
      PlacementTarget = Target as FrameworkElement,
      Child = this, // 将自身作为Popup的Child，期望渲染Content
      AllowsTransparency = true,
      StaysOpen = false,
      Placement = Placement,
      PlacementRectangle = PlacementRectangle,
      PopupAnimation = PopupAnimation.Slide
    };

     popup.IsOpen = true;
  }
}

调用代码：

void onButtonclick()
{
  var list = new windows.ComboBoxPopup();

  var balloon = new windows.BalonCtrl()
  {
    Content = list,
  };

  balloon.Show();
}

测试现象：移除BalonControl的Content属性设置，直接在Show方法中将列表设为Popup的Child，弹窗可显示但样式异常。

原因分析 #

1. Visual树元素归属冲突：.NET 6的WPF对Visual元素的容器归属逻辑做了严格调整。BalonCtrl作为ContentControl，其Content已绑定ComboBoxPopup（属于BalonCtrl的Visual树），此时又将BalonCtrl自身设为Popup的Child，导致同一个元素（ComboBoxPopup）同时属于两个Visual容器，WPF无法正确渲染，最终弹窗不显示。
2. 样式丢失原因：直接将列表设为Popup的Child时，跳过了BalonCtrl的样式模板，列表未应用BalonCtrl的样式规则，因此样式异常。

修复方案 #

方案一：保留BalonCtrl完整样式，修复元素归属问题 #

调整Show方法确保Content元素脱离原父容器，同时完善BalonCtrl的默认模板：

步骤1：修改Show方法

public void Show()
{
    var popup = new Popup()
    {
        RenderTransform = new ScaleTransform(App.Window.ApplicationScale, App.Window.ApplicationScale),
        Focusable = true,
        MinWidth = MinWidth,
        PlacementTarget = Target as FrameworkElement,
        Child = this,
        AllowsTransparency = true,
        StaysOpen = false,
        Placement = Placement,
        PlacementRectangle = PlacementRectangle,
        PopupAnimation = PopupAnimation.Slide
    };

    // 确保Content元素未被其他容器持有
    if (Content is FrameworkElement contentElement)
    {
        var parent = VisualTreeHelper.GetParent(contentElement);
        if (parent is Panel panel)
        {
            panel.Children.Remove(contentElement);
        }
    }

    popup.IsOpen = true;
}

步骤2：完善BalonCtrl默认样式（Generic.xaml）

确保样式包含正确的ContentPresenter用于渲染Content：

<Style TargetType="{x:Type local:BalonCtrl}">
    <Setter Property="Background" Value="White"/>
    <Setter Property="BorderBrush" Value="#E0E0E0"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:BalonCtrl}">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        CornerRadius="4">
                    <ContentPresenter Margin="{TemplateBinding Padding}"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"/>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

方案二：直接复用BalonCtrl样式到Content元素 #

若无需保留BalonCtrl作为中间容器，可直接将Content挂载到Popup并应用BalonCtrl样式：

public void Show()
{
    var contentElement = Content as FrameworkElement;
    if (contentElement == null) return;

    // 应用BalonCtrl的样式到Content元素
    contentElement.Style = FindResource(typeof(BalonCtrl)) as Style;

    var popup = new Popup()
    {
        RenderTransform = new ScaleTransform(App.Window.ApplicationScale, App.Window.ApplicationScale),
        Focusable = true,
        MinWidth = MinWidth,
        PlacementTarget = Target as FrameworkElement,
        Child = contentElement,
        AllowsTransparency = true,
        StaysOpen = false,
        Placement = Placement,
        PlacementRectangle = PlacementRectangle,
        PopupAnimation = PopupAnimation.Slide
    };

    popup.IsOpen = true;
}

说明 #

方案一更适合需要保留BalonCtrl原有逻辑和扩展能力的场景；方案二更简洁，适合无需BalonCtrl中间层的场景。两种方案均可解决.NET 6下弹窗不显示问题，同时保留原有样式。

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