当父级折叠时关闭弹出窗口

Question

我已经为此苦苦挣扎了很长一段时间，但似乎找不到合适的解决方案。这是被剥离的场景。假设您有以下 XAML：

<Grid x:Name="LayoutRoot" Background="White">
    <Grid x:Name="Host" Width="200" Height="200">
        <Popup IsOpen="True">
            <Button Content="Some Button" Click="Button_Click" />
        </Popup>
    </Grid>
</Grid>

在 Button_Click 事件处理程序中，我所做的只是折叠名称为 Host 的网格。

private void Button_Click(object sender, RoutedEventArgs e)
{
    this.Host.Visibility = System.Windows.Visibility.Collapsed;
}

我所期望的是弹出窗口会关闭因此隐藏按钮。我知道弹出窗口不在同一个 VisualTree 中，并且我理解为什么这可能无法按我期望的方式工作，但是应该有某种机制可以自动发生这种情况。我想到的唯一解决方法是在 LayoutUpdated 上遍历可视树并询问每个 Button 的父级是否可见以及我是否遇到折叠的父级 -> 关闭弹出窗口。然而，想象一下有一个巨大的视觉树的性能冲击。在每个布局通道上遍历可视化树是很疯狂的。 我愿意接受任何形式的建议。

编辑：似乎我没有完全解释我的情况。如果其父级的 ANY 被折叠（不仅仅是直接的），则情况是折叠弹出窗口。在 WPF 中有一个有用的属性称为 IsVisible，它不同于可见性。例如，Visibility 可能仍然是 Visible，但在这种情况下 IsVisible 将是 false。

最好的问候， 克

Answer 1

我认为您在弹出控件中发现了一个错误，或者至少是一个“怪异” - 看看这个：

我最初的想法是简单地将弹出窗口的可见性绑定到主机。这应该有效。

    <Grid x:Name="LayoutRoot" Background="White">
    <Grid x:Name="Host" Width="200" Height="200" Background="Aqua">
        <Popup IsOpen="True" Visibility="{Binding ElementName=Host, Path=Visibility}" Height="100" Width="100">
            <Button Content="Some Button" Click="Button_Click"/>
        </Popup>
    </Grid>
</Grid>

但它不起作用。 “主机”网格消失了，但我仍然看到按钮。这让我很困惑，所以我启动了 Silverlight Spy，并检查了这一点 - 设置弹出窗口的可见性并不会隐藏按钮！

See Demo Video

无论如何，为了完成这项工作，您只需要稍微调整一下，以便将 Host Visibility 与 IsOpen 属性联系起来。我在这里使用了转换器：

<UserControl.Resources>
    <Junk:VisibilityToBoolConverter x:Key="VisibilityToBoolConverter"/>
</UserControl.Resources>
    <Grid x:Name="LayoutRoot" Background="White">
    <Grid x:Name="Host" Width="200" Height="200" Background="Aqua">
        <Popup IsOpen="{Binding ElementName=Host, Path=Visibility, Converter={StaticResource VisibilityToBoolConverter}}" Height="100" Width="100">
            <Button Content="Some Button" Click="Button_Click"/>
        </Popup>
    </Grid>
</Grid>

private void Button_Click(object sender, RoutedEventArgs e)
{
    this.Host.Visibility = System.Windows.Visibility.Collapsed;

}


public class VisibilityToBoolConverter : IValueConverter
{

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return ((Visibility) value) == Visibility.Visible;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

这对我有用。

Answer 2

如果你只是想关闭弹出窗口，为什么不将弹出窗口的 IsOpen 设置为 false。

<Grid x:Name="LayoutRoot" Background="White">
    <Grid x:Name="Host" Width="200" Height="200">
        <Popup x:Name="HostPopup" IsOpen="True">
            <Button Content="Some Button" Click="Button_Click" />
        </Popup>
    </Grid>
</Grid>

private void Button_Click(object sender, RoutedEventArgs e)
{
   this.HostPopup.IsOpen = false;
}

这会关闭弹出窗口。