WPF 投影答案 - 爱码网

【问题标题】：WPF drop shadowWPF 投影
【发布时间】：2010-05-14 00:03:46
【问题描述】：

每当我将Border.Effect 属性设置为投影效果时，控件中包含的每个控件都有一个投影。

有没有办法将阴影设置到边框而不是边框中包含的每个控件？

这是我的代码的一个简短示例：

<Grid>
 <Border Margin="68,67,60,67" BorderBrush="Black" BorderThickness="1" CornerRadius="10">
  <Border.Effect>
   <DropShadowEffect/>
  </Border.Effect>
  <Rectangle Fill="White" Stroke="Black" Margin="37,89,118,98" />
 </Border>
</Grid>

【问题讨论】：

你不只需要绘制你添加阴影的对象的背景吗？

标签： wpf dropshadow

【解决方案1】：

两个选择：

选项 1：添加一个具有效果的边框元素作为您拥有的边框/矩形元素树的兄弟。像这样的：

<Grid>
    <Border Margin="68,67,60,67"
            BorderBrush="Black"
            BorderThickness="1"
            CornerRadius="10">
        <Border.Effect>
            <DropShadowEffect />
        </Border.Effect>
    </Border>
    <Border Margin="68,67,60,67"
            BorderBrush="Black"
            BorderThickness="1"
            CornerRadius="10">

        <Rectangle Fill="White"
                   Stroke="Black"
                   Margin="37,89,118,98">
        </Rectangle>
    </Border>

</Grid>

选项 2：将矩形作为边框元素的兄弟，如下所示：

   <Grid>
    <Border Margin="68,67,60,67"
            BorderBrush="Black"
            BorderThickness="1"
            CornerRadius="10">
        <Border.Effect>
            <DropShadowEffect />
        </Border.Effect>
    </Border>
    <Rectangle Fill="White"
               Stroke="Black"
               Margin="37,89,118,98">
    </Rectangle>

</Grid>

注意：您必须调整第二种解决方案的布局，以使矩形排列在您想要的位置

【讨论】：

如果您在 Grid 面板中添加了一些其他内容（而不是矩形），请设置 Grid 面板的 Background 属性以避免整个内容出现阴影。例如，' ...... 。 ... '

【解决方案2】：

我知道您的问题有答案，但似乎没有最简单的答案。您的问题的最简单答案是您只需为设置阴影的控件的背景着色。像这样：

<Grid>
    <Border Margin="68,67,60,67" Background="White" BorderBrush="Black" 
        BorderThickness="1" CornerRadius="10">
        <Border.Effect>
            <DropShadowEffect/>
        </Border.Effect>
        <Rectangle Fill="White" Stroke="Black" Margin="37,89,118,98" />
    </Border>
</Grid>

结果：

【讨论】：