WPF中Popup点击触发按钮无法关闭反而重开的问题咨询

问题原因 #

当Popup的StaysOpen="False"时，Popup会在失去焦点或点击外部区域时自动关闭。点击触发按钮的过程中，鼠标按下的瞬间，Popup会因为焦点转移到按钮而先触发关闭（IsOpen变为False），随后按钮的Click事件执行IsOpen = !IsOpen，此时IsOpen是False，取反后变成True，导致Popup重新打开，最终表现为点击按钮后Popup没有关闭反而再次打开。

解决方案 #

方案1：使用ToggleButton绑定Popup（推荐） #

用ToggleButton替代普通Button，通过绑定直接关联ToggleButton.IsChecked和Popup.IsOpen，利用WPF的绑定机制避免手动事件处理的时序问题：

修改后的XAML代码：

<Window x:Class="PopupTrouble.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid Height="200" Width="200" HorizontalAlignment="Center" VerticalAlignment="Center">
        <ToggleButton x:Name="TogglePopupBtn" Content="Open popup"/>
        <Popup x:Name="PopupInstance"
               AllowsTransparency="True"
               StaysOpen="False"
               IsOpen="{Binding IsChecked, ElementName=TogglePopupBtn}"
               PlacementTarget="{Binding ElementName=TogglePopupBtn}">
            <Border BorderThickness="1" BorderBrush="Black">
                <StackPanel>
                    <TextBlock Text="Some other clickable controls"/>
                    <RadioButton IsChecked="True" Content="Option one" GroupName="Group"></RadioButton>
                    <RadioButton IsChecked="False" Content="Option two" GroupName="Group"></RadioButton>
                </StackPanel>
            </Border>
        </Popup>
    </Grid>
</Window>

后台代码可以完全移除Button_Click方法，因为绑定会自动同步状态：

using System.Windows;

namespace PopupTrouble
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

这种方式不仅解决了点击按钮的问题，还保证了Popup在点击外部区域时正常关闭，同时保留了内部控件的交互功能。

方案2：拦截按钮的PreviewMouseDown事件（兼容普通Button） #

如果必须使用普通Button，可以通过拦截PreviewMouseDown事件，阻止Popup提前关闭，再手动控制状态：

修改后的XAML：

<Button Content="Open popup" Click="Button_Click" PreviewMouseDown="Button_PreviewMouseDown"/>

后台代码：

using System.Windows;
using System.Windows.Input;

namespace PopupTrouble
{
    public partial class MainWindow : Window
    {
        private bool _isToggleRequested;

        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_PreviewMouseDown(object sender, MouseButtonEventArgs e)
        {
            if (PopupInstance.IsOpen)
            {
                // 标记需要关闭Popup，阻止事件传递避免Popup因焦点丢失自动关闭
                _isToggleRequested = true;
                e.Handled = true;
                PopupInstance.IsOpen = false;
            }
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            if (_isToggleRequested)
            {
                // 如果是已经手动关闭的情况，重置标记并返回
                _isToggleRequested = false;
                return;
            }
            PopupInstance.IsOpen = !PopupInstance.IsOpen;
        }
    }
}

原理是在Popup打开时，先通过PreviewMouseDown拦截事件，手动关闭Popup并阻止后续的焦点转移逻辑，避免Click事件触发时再次打开Popup。

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