wpf 中的弹出窗口和切换按钮交互

Question

我有一个包含切换按钮和弹出窗口的控件。单击 ToggleButton 时，会出现弹出窗口。当 ToggleButton 未选中时，弹出窗口应关闭。此外，单击远离弹出窗口应导致其关闭，并导致切换按钮取消选中。

我通过将 Popup 的 StaysOpen 属性设置为 false，并将切换按钮的 IsChecked 属性设置为双向绑定到 Popup 的 IsOpen 属性来进行设置。

一切都很好，除了一种情况 - 选中按钮并打开弹出窗口后，单击按钮不会导致弹出窗口关闭，或者按钮返回到未选中状态。

我相信这一定是因为单击按钮会导致 Popup 的 StaysOpen 逻辑将 Popup 的 IsOpen 属性设置为 false。反过来，这会将切换按钮设置为未选中。这必须在处理我点击按钮之前发生 - 因此点击会重新检查按钮，即竞争条件。

知道如何获得我想要的行为吗？

Answer 1

如果您的假设是正确的，您需要一个如下所示的自定义 Popup 类：

public class MyPopup : Popup {
    protected override void OnPreviewMouseLeftButtonDown(MouseButtonEventArgs e) {
        bool isOpen = this.IsOpen;
        base.OnPreviewMouseLeftButtonDown(e);

        if (isOpen && !this.IsOpen)
            e.Handled = true;
    }
}

您可能需要从 if 语句中删除 !this.IsOpen。如果您改用 MyPopup，它将阻止 MouseLeftButtonDown 事件到达 ToggleButton。

Answer 2

上述两种解决方案都有问题。这是另一个使用事件处理程序而不是绑定的解决方案，但确实避免了 svick 在 MyPopup 解决方案中指出的丢失点击问题以及 ClickMode=Press 的问题。
xaml 看起来像：

<ToggleButton Name="OptionsButton" Checked="OptionsButton_OnChecked" Unchecked="OptionsButton_OnUnchecked" />
<Popup Name="OptionsPopup" StaysOpen="False" Closed="OptionsPopup_OnClosed"/>

和代码：

    void OptionsPopup_OnClosed(object sender, EventArgs e)
    {
        if (OptionsButton != Mouse.DirectlyOver)
            OptionsButton.IsChecked = false;
    }

    void OptionsButton_OnChecked(object sender, RoutedEventArgs e)
    {
        OptionsPopup.IsOpen = true;
    }

    void OptionsButton_OnUnchecked(object sender, RoutedEventArgs e)
    {
        OptionsPopup.IsOpen = false;
    }

Answer 3

解决方案是在 Popup 的 IsOpen 属性和 ToggleButton 的 IsChecked 属性之间设置 TwoWay 绑定 - 然后设置的 ClickMode 属性切换按钮按下。瞧！