Wpf 置于前面

Question

我有一个 ItemsControl，它与 ItemsPanel 一样使用 Canvas。 itemsTemplate 托管一个自定义控件。单击控件时，我希望它“移到前面”。我知道我可以使用我的控件中的 ZIndex 来做到这一点，如下所示：

 private void MyControl_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    if(((FrameworkElement)sender).TemplatedParent==null) return;
    ContentPresenter presenter = (ContentPresenter)((FrameworkElement) sender).TemplatedParent;

    int currentValue = Panel.GetZIndex(presenter);
    Console.WriteLine(currentValue);
    Panel.SetZIndex(presenter, 99);
}

这可以正常工作并设置 ZIndex。但是，当我单击 ItemsControl 中的不同控件时，它将获得完全相同的 ZIndex，因此它不会“移动到另一个控件的前面”。

基本上我只想要与 Windows 展示的相同的行为。

我尝试在 PreviewMouseUp 事件中将 ZIndex 设置回 0，这可确保单击的控件始终位于顶部，但由于所有其他控件的 ZIndex 相同为 0，因此将根据其中的位置假定默认顺序名单。

举个例子：

假设我有 3 个控件，它们的 ZIndex 都为 0。（因此它们使用默认列表位置。）

如果我单击控件 3，然后单击控件 2，然后单击控件 1。我希望它的顶部有 3 ZOrder，然后是 2，然后是 1。但是由于我在 MouseUp 上将 ZIndex 设置为零，因此默认顺序为 1,2,3。

有没有一种简单的方法来处理这个问题，或者我是否需要自己跟踪顺序并递增或递减任意值（例如 99）？

Answer 1

我会按照这些思路做一些事情：

当鼠标按下时，将所选控件上的 Z 索引设置为非常高的数字。
将 static int Zindex 初始化为 0。
鼠标抬起时，将 Z-index 设置为等于 Zindex++

private static int Zindex = 0;

private void MyControl_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    if(((FrameworkElement)sender).TemplatedParent==null) return;
    ContentPresenter presenter = (ContentPresenter)((FrameworkElement) sender).TemplatedParent;

    int currentValue = Panel.GetZIndex(presenter);
    Console.WriteLine(currentValue);
    Panel.SetZIndex(presenter, Int32.MaxValue);
}

private void MyControl_PreviewMouseUp(object sender, MouseButtonEventArgs e)
{
    if(((FrameworkElement)sender).TemplatedParent==null) return;
    ContentPresenter presenter = (ContentPresenter)((FrameworkElement) sender).TemplatedParent;

    int currentValue = Panel.GetZIndex(presenter);
    Console.WriteLine(currentValue);
    Panel.SetZIndex(presenter, Zindex++);
}

如果您的程序要运行很长时间，您可能会对 Zorder 有一些上限，因此如果达到了，您可以找到正在使用的最小 z-index 并从 z-index 中减去该上限所有控件的索引和 Zindex 计数器。

Answer 2

就我而言，我在选定的控件上设置 Zindex，然后枚举所有其他控件并在需要时增加其 ZIndex，因为在某些时候您可能会遇到选定的控件，而所有其他控件都不需要更改。

丑陋，但到目前为止我没有更好的解决方案

Answer 3

最简单的方法是仅枚举所有项目一次，并且仅在我们通过了要放在前面的项目时才减少 z 索引。这可确保最底部项目的 z 索引始终为 0，最后一个项目的 z 索引为 (count - 1)，每个项目相差一个整数 1。

如果增加（或减少) 每一次，将最高的那个设置到前面，z-index 可能永远不会从 0 开始，最终结果可能与您的喜好太违反直觉。

因此，每当一个项目应该放在前面时，您都可以像这样枚举这些项目：

//If you don't already have the z-index of the item to bring to front (or target item)...
var i = YourItem.Z;
foreach (var j in YourListOfItems)
{
    //Current item occurs after target item in sequence
    if (j.Z > i)
    {
        j.Z--;
    }
    else if (j.Z < i)
    {
        //Curent item occurs before target item in sequence; no need to change the z-index
    }
    else j.Z = YourListOfItems.Count - 1;
}

这假设您将对象列表绑定到 ItemsControl 并且对象具有 Z > 属性绑定到 ItemContainerStyle 中的 Panel.ZIndex 属性。

Answer 4

我有类似的情况，但当鼠标悬停在控件上时，我需要将该项目置于前面。我找到了一个更简单的问题解决方案：只需通过触发器在 ItemsControl.ItemContainerStyle 中设置 Panel.ZIndex 即可。

这也可以使用绑定到 viewModel 中标志的 DataTrigger，例如单击控件时设置的 IsSelected 属性。

            <ItemsControl Name="ScanPoints" ItemsSource="{Binding ScanPoints}">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <Canvas></Canvas>
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemContainerStyle>
                    <Style TargetType="ContentPresenter">
                        <Style.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Panel.ZIndex" Value="99999"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="False">
                                <Setter Property="Panel.ZIndex" Value="0"/>
                            </Trigger>                            
                        </Style.Triggers> 
                    </Style>
                </ItemsControl.ItemContainerStyle>
            </ItemsControl>