WPF 中的置于前台

Question

我需要在 WPF 中将自定义控件置于前面。

伪代码

OnMouseDown()
{
    if (this.parent != null)
        this.parent.BringToFront(this);
}

我知道，我知道有一个ZIndex，但仍然不明白如何将简单的WinForm BringToFront 替换为Parent.SetZIndex(this, ?MaxZIndex(parent)? + 1) ？

也许在像 WPF 这样很酷的东西中有更好的方法来做到这一点？！...

Answer 1

下面是一个扩展函数，它将方法 BringToFront 功能添加到面板中包含的所有 FrameworkElements。

  public static class FrameworkElementExt
  {
    public static void BringToFront(this FrameworkElement element)
    {
      if (element == null) return;

      Panel parent = element.Parent as Panel;
      if (parent == null) return;

      var maxZ = parent.Children.OfType<UIElement>()
        .Where(x => x != element)
        .Select(x => Panel.GetZIndex(x))
        .Max();
      Panel.SetZIndex(element, maxZ + 1);
    }
  }

Answer 2

实际上，您所希望的最好的结果就是使元素相对于同一父面板中的任何同级元素（例如 StackPanel、Grid、Canvas 等）位于最顶层。面板中项目的 z 顺序由 Panel.ZIndex 附加属性。

例如：

<Grid>
    <Rectangle Fill="Blue" Width="50" Height="50" Panel.ZIndex="1" />
    <Rectangle Fill="Red" Width="50" Height="50" Panel.ZIndex="0" />
</Grid>

在此示例中，蓝色矩形将出现在顶部。这在 博客文章。

还有一个问题是对 Panel.ZIndex 的更改没有立即反映在 UI 中。有一个私有方法允许刷新 z-index，但由于它是私有的，所以使用它不是一个好主意。要解决此问题，您必须删除并重新添加子项。

但是，您不能将任何给定元素设置为最顶层。例如：

<Grid>
    <Grid>
        <Rectangle Fill="Blue" Width="50" Height="50" Panel.ZIndex="1" />
        <Rectangle Fill="Red" Width="50" Height="50" Panel.ZIndex="0" />
    </Grid>
    <Grid>
        <Rectangle Fill="Green" Width="50" Height="50" Panel.ZIndex="0" />
        <Rectangle Fill="Yellow" Width="50" Height="50" Panel.ZIndex="0" />
    </Grid>
</Grid>

在这种情况下，将显示黄色矩形。因为第二个内部网格显示在第一个内部网格及其所有内容的顶部。您必须像这样更改它才能将蓝色矩形带到顶部：

<Grid>
    <Grid Panel.ZIndex="1">
        <Rectangle Fill="Blue" Width="50" Height="50" Panel.ZIndex="1" />
        <Rectangle Fill="Red" Width="50" Height="50" Panel.ZIndex="0" />
    </Grid>
    <Grid Panel.ZIndex="0">
        <Rectangle Fill="Green" Width="50" Height="50" Panel.ZIndex="0" />
        <Rectangle Fill="Yellow" Width="50" Height="50" Panel.ZIndex="0" />
    </Grid>
</Grid>

处理 ItemsControl 时， 这个问题是相关的。大多数其他控件都有一个子控件，但您仍然需要将它们向前移动以使其中任何一个子控件成为最顶层。

最后，装饰器是将事物置于一切之上的好方法，但它们不是主视觉树的一部分。所以我不确定这是否适用于你的情况。

Answer 3

我尝试了 canvas.zindex 但它不起作用，但对我来说的解决方案是在 Popup 控件中使用 Border：

<Popup IsOpen="True/False">
    <Border Background="White">
        <DatePicker/>
    </Border>
</Popup>

Answer 4

我找到了更好的解决方案。明白了：

foreach (var item in Grid1.Children)
{
    if ((item as UIElement).Uid == "StackPan1")
    {
        UIElement tmp = item as UIElement;
        Grid1.Children.Remove(item as UIElement);
        Grid1.Children.Add(tmp);
        break;
    }
}

这只是示例，不是通用方法。但您可以在动态添加控件的应用程序中使用它。此代码只是添加一个要放在 UIElementCollection 顶部的元素。如果所有元素都具有相同的 ZIndex，则该方法有效。

Answer 5

我只测试了 Window 控件，但是...

this.Topmost = true;
this.Topmost = false;

第一行将其带到前面，第二行阻止它永久位于前面。