Question

我知道我想做的事情可能很简单明了但我无法解决。我有一个有两行的网格，顶行有一个填充行的边框元素（固定高度为30）。第二行（Fixed Height为100）当前包含一个带有白色背景的空DockPanel（这将包含用于动态控件的ContentControl）。

我在第一行的边框添加了一个投影效果，方向为270，将阴影放在边框下方。由于没有足够的空间容纳阴影，所以几乎看不到它并不令人惊讶。我想要的是阴影从行溢出并重叠在下面的行中的DockPanel。

我通过使包含网格具有白色背景来实现这一点，然后在边框元素上添加底部边距以容纳阴影。虽然看起来不错，但这并不是我想要实现的目标。

没有代码示例的道歉，我不得不离开工作，但这仍然困扰着我。

提前致谢。

保

Answer 1

将DockPanel放在边框之前，以便边框在z顺序中更高

这有效

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <DockPanel Grid.Row="1" Background="White" />
    <Border Background="PaleGreen" BorderBrush="DarkGreen" BorderThickness="5">
        <Border.Effect>
            <DropShadowEffect/>
        </Border.Effect>
    </Border>
</Grid>

但是此处停靠面板重叠并遮挡阴影

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Border Background="PaleGreen" BorderBrush="DarkGreen" BorderThickness="5">
        <Border.Effect>
            <DropShadowEffect/>
        </Border.Effect>
    </Border>
    <DockPanel Grid.Row="1" Background="White" />
</Grid>

Answer 2

由于Grid是Panel，它继承了Panel.ZIndex附加属性。可以使用此属性按字面设置Z-index，而不是像他在示例中所做的那样从XAML顺序推断它。

可以使用一对附加属性修复非工作示例：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Border Background="PaleGreen" BorderBrush="DarkGreen" BorderThickness="5"  Panel.ZIndex="2">
        <Border.Effect>
            <DropShadowEffect/>
        </Border.Effect>
    </Border>
    <DockPanel Grid.Row="1" Background="White" Panel.ZIndex="1"/>
</Grid>

这两种方法都做同样的事情，但是Panel.ZIndex可以帮助解决格式问题，或者以编程方式改变Z-index。

重叠阴影效果

2 个答案: