c# - WPF ItemsControl 中的重叠项

Question

我在使用 WPF ItemsControl 中的 DataTemplates 时遇到问题。我希望能够“提出”列表中的任何项目，以便它们位于列表中其他所有项目之上，但没有任何运气。

这是一个说明问题的简单示例。我想看到的是在使用 WrapPanel 和一堆彩色 block 的示例中实现的:

第一个 block 与第二个 block 重叠。好的。当我尝试对 ItemsControl 做同样的事情时，第一个 block 落在第二个 block 的下面，尽管它的 ZIndex:

如何使第一个 block 与 ItemsControl 中的所有其他 block 重叠？

根据我对 ZIndex 属性的理解，我假设我需要在可视化树中将 ZIndex 设置得比 DataTemplate 内部的 Border 更高，但不知道如何或在哪里设置。

XAML:

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WpfApplication1"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>
    <local:MainViewModel x:Key="mainViewModel" />
    <DataTemplate DataType="{x:Type local:FireFighter}">
        <Border Background="Pink" Padding="8" Panel.ZIndex="10" Margin="4">
            <Border.RenderTransform>
                <TranslateTransform X="18" Y="4"/>
            </Border.RenderTransform>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding FirstName}"/>
            </StackPanel>
        </Border>
    </DataTemplate>
    <DataTemplate DataType="{x:Type local:PoliceOfficer}">
        <Border Background="Orange" Padding="8" Margin="4">
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding FirstName}"/>
            </StackPanel>
        </Border>
    </DataTemplate>
</Window.Resources>
<StackPanel>
    <ItemsControl DataContext="{StaticResource mainViewModel}" 
              ItemsSource="{Binding People}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
    </ItemsControl>
    <WrapPanel Margin="0,10,0,0">
        <Border Background="Blue" Width="30" Height="30" Margin="4" Panel.ZIndex="10">
            <Border.RenderTransform>
                <TranslateTransform X="18" Y="4"/>
            </Border.RenderTransform>
        </Border>
        <Border Background="Green" Width="30" Height="30" Margin="4"/>
        <Border Background="Green" Width="30" Height="30" Margin="4"/>
    </WrapPanel>
</StackPanel>

Answer 1

我在这里找到了适合我的情况的答案:

https://stackoverflow.com/a/9687758/4912801

事实证明，设置 Panel.ZIndex 属性不起作用，因为 WPF 为 ItemsControl 中的每个项目插入了一个 ContentPresenter 元素。在我的应用程序中，我试图让鼠标悬停在上面的任何元素都出现在最前面，因此对 ItemsControl 中的所有 ContentPresenters 应用样式允许我在鼠标悬停在它们上方时将它们带到最前面。