c# - 如何在绑定(bind)的 ItemsControl 中更改 ZIndex？

Question

我只是像这样在 StackPanel 中创建了 3 个边框:

<StackPanel Orientation="Horizontal" >
        <Border Width="100" Height="30" Background="Red" BorderBrush="DarkRed" BorderThickness="4" Margin="0" >
            <Border.Style>
                <Style TargetType="Border">
                    <Setter Property="Panel.ZIndex" Value="0"/>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Panel.ZIndex" Value="1"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Border.Style>
        </Border>
        <Border Width="100" Height="30" Background="Blue" BorderBrush="DarkBlue" BorderThickness="4" Margin="-10,0,0,0" >
            <Border.Style>
                <Style TargetType="Border">
                    <Setter Property="Panel.ZIndex" Value="0"/>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Panel.ZIndex" Value="1"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Border.Style>
        </Border>
        <Border Width="100" Height="30" Background="Green" BorderBrush="DarkGreen" BorderThickness="4" Margin="-10,0,0,0" >
            <Border.Style>
                <Style TargetType="Border">
                    <Setter Property="Panel.ZIndex" Value="0"/>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Panel.ZIndex" Value="1"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Border.Style>
        </Border>
    </StackPanel>

xaml 将布局 3 种不同颜色的边框:

当我将鼠标悬停在蓝色的上面时，它会在其他的上面:

但是当我将所有这些移动到 ItemsControl 中时，蓝色边框上的鼠标不再位于其他边框的顶部，它只是保持原来的 ZIndex。

 <DataTemplate x:Key="BorderTemplate">
        <Border Width="100" Height="30" >
            <Border.Style>
                <Style TargetType="Border">
                    <Setter Property="Background" Value="Red"/>
                    <Setter Property="BorderBrush" Value="DarkRed"/>
                    <Setter Property="BorderThickness" Value="4"/>
                    <Setter Property="Panel.ZIndex" Value="0"/>
                    <Setter Property="Margin" Value="0,0,0,0"/>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Type}" Value="2">
                            <Setter Property="Background" Value="Blue"/>
                            <Setter Property="BorderBrush" Value="DarkBlue"/>
                            <Setter Property="BorderThickness" Value="4"/>
                            <Setter Property="Panel.ZIndex" Value="0"/>
                            <Setter Property="Margin" Value="-10,0,0,0"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding Type}" Value="3">
                            <Setter Property="Background" Value="Green"/>
                            <Setter Property="BorderBrush" Value="DarkGreen"/>
                            <Setter Property="BorderThickness" Value="4"/>
                            <Setter Property="Panel.ZIndex" Value="0"/>
                            <Setter Property="Margin" Value="-10,0,0,0"/>
                        </DataTrigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Panel.ZIndex" Value="1"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Border.Style>
        </Border>
    </DataTemplate>

<ItemsControl ItemsSource="{Binding Borders}" ItemTemplate="{StaticResource BorderTemplate}" >
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate >
                <StackPanel Orientation="Horizontal" />
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
    </ItemsControl>

那么为什么 Panel.ZIndex 在 StackPanel 中有效，但在 ItemsControl->StackPanel 中无效？

Answer 1

ZIndex 绝不限于 Canvas ，所以我们不要把这个想法推给其他读者 Maximus。但是，由于您现在将您的内容作为 ItemTemplate 加载，仅使用 ContentPresenter，因此您基本上是在与整个 DOM 无关的面板中将对象沙盒化.尝试将您的影响力施加在 ContentPresenter 上，因为对象是您的容器，而不是单独嵌套在其中的分离的子对象。像这样的事情(当然是在你从每个边界上拉下相同的触发器之后)。

<ItemsControl.ItemContainerStyle>
   <Style TargetType="{x:Type ContentPresenter}">
      <Style.Triggers>
         <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Panel.ZIndex" Value="100" />
         </Trigger>
      </Style.Triggers>
   </Style>
</ItemsControl.ItemContainerStyle>

希望这对您有所帮助。干杯。