代码实现居中带关闭按钮的动态弹窗及按钮关联交互问题

嘿，我来帮你解决这个Popup的问题！你遇到的显示位置不对、没有关闭按钮，还有父窗口禁用的需求，咱们用后台代码一步步搞定：

你的Popup之所以总在左上角，是因为没给它指定PlacementTarget（也就是依附的目标控件）。默认情况下Popup会以屏幕左上角为基准，咱们把它绑定到点击的Button上，再设置合适的显示位置：

// 创建Popup时指定依附目标和位置
Popup popup = new Popup();
popup.PlacementTarget = button; // 绑定到点击的Button
popup.Placement = System.Windows.Controls.Primitives.PlacementMode.Bottom; // 显示在Button下方
popup.HorizontalOffset = 5; // 水平偏移5px，避免贴得太近
popup.VerticalOffset = 5; // 垂直偏移5px

接下来要给Popup添加可关闭的内容，同时控制父窗口的启用状态：

第一步：构建Popup的内容容器 #

咱们用StackPanel做容器，里面放文本和关闭按钮：

// 创建Popup的内容面板
StackPanel popupContent = new StackPanel();
popupContent.Width = 200;
popupContent.Height = 150;
popupContent.Background = Brushes.White;
popupContent.BorderBrush = Brushes.Gray;
popupContent.BorderThickness = new Thickness(1);
popupContent.Margin = new Thickness(5);

// 添加内容文本
TextBlock contentText = new TextBlock();
contentText.Text = "这是Popup的自定义内容";
contentText.Margin = new Thickness(5);

// 添加关闭按钮
Button closeBtn = new Button();
closeBtn.Content = "关闭";
closeBtn.Margin = new Thickness(0, 80, 5, 5);
closeBtn.HorizontalAlignment = HorizontalAlignment.Right;
// 关闭按钮点击事件：关闭Popup并恢复父窗口
closeBtn.Click += (s, e) =>
{
    popup.IsOpen = false;
    this.IsEnabled = true;
};

// 把文本和按钮加到容器里
popupContent.Children.Add(contentText);
popupContent.Children.Add(closeBtn);
// 给Popup绑定内容
popup.Child = popupContent;

第二步：处理主按钮的点击与父窗口状态 #

在主Button的点击事件里，打开Popup并禁用父窗口，同时监听Popup的关闭事件做兜底（防止用户点击Popup外部关闭时父窗口没恢复）：

button.Click += (s, e) =>
{
    popup.IsOpen = true;
    this.IsEnabled = false; // 打开Popup时禁用父窗口
};

// 监听Popup关闭事件，确保父窗口总能恢复可用
popup.Closed += (s, e) =>
{
    this.IsEnabled = true;
};

// 可选：设置StaysOpen=false，让用户点击Popup外部也能关闭它
popup.StaysOpen = false;

把这些整合到MainWindow构造函数里的最终版本：

public MainWindow()
{
    InitializeComponent();

    // 创建主按钮
    Button button = new Button();
    button.Width = 130;
    button.Content = "Table";
    button.Margin = new Thickness(20); // 给按钮加边距，方便操作

    // 创建Popup
    Popup popup = new Popup();
    popup.PlacementTarget = button;
    popup.Placement = System.Windows.Controls.Primitives.PlacementMode.Bottom;
    popup.HorizontalOffset = 5;
    popup.VerticalOffset = 5;
    popup.StaysOpen = false;

    // 构建Popup内容
    StackPanel popupContent = new StackPanel();
    popupContent.Width = 200;
    popupContent.Height = 150;
    popupContent.Background = Brushes.White;
    popupContent.BorderBrush = Brushes.Gray;
    popupContent.BorderThickness = new Thickness(1);
    popupContent.Margin = new Thickness(5);

    TextBlock contentText = new TextBlock();
    contentText.Text = "这是自定义Popup的内容";
    contentText.Margin = new Thickness(5);

    Button closeBtn = new Button();
    closeBtn.Content = "关闭";
    closeBtn.Margin = new Thickness(0, 80, 5, 5);
    closeBtn.HorizontalAlignment = HorizontalAlignment.Right;
    closeBtn.Click += (s, e) =>
    {
        popup.IsOpen = false;
        this.IsEnabled = true;
    };

    popupContent.Children.Add(contentText);
    popupContent.Children.Add(closeBtn);
    popup.Child = popupContent;

    // 主按钮点击事件
    button.Click += (s, e) =>
    {
        popup.IsOpen = true;
        this.IsEnabled = false;
    };

    // Popup关闭兜底处理
    popup.Closed += (s, e) =>
    {
        this.IsEnabled = true;
    };

    // 把按钮添加到主窗口的Grid容器里（假设主窗口根布局是Grid）
    if (this.Content is Grid mainGrid)
    {
        mainGrid.Children.Add(button);
    }
}

• PlacementTarget是核心：必须绑定到触发按钮，否则Popup会默认显示在屏幕左上角。
• 关闭状态要兜底：设置StaysOpen=false后，用户点击外部会关闭Popup，这时候一定要通过Closed事件恢复父窗口状态，避免父窗口一直禁用。
• Popup的独立性：Popup是顶级控件，不会被父窗口的禁用状态影响，所以关闭按钮可以正常点击。

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