圆形 DropShadowPanel

Question

如何创建回合 DropShadowPanel？这个 question 提供了一些想法，但我仍然得到一个方形阴影。

这是我目前的尝试：

<Grid>
    <controls:DropShadowPanel
        x:Name="ShadowPanel"
        BlurRadius="10"
        ShadowOpacity="1">
        <Ellipse Width="120" Height="120" />
    </controls:DropShadowPanel>
    <Grid
        Width="120"
        Height="120"
        Background="DarkGray"
        CornerRadius="60">
        <FontIcon
            FontSize="50"
            Foreground="White"
            Glyph="&#xE8D4;" />
    </Grid>
</Grid>

基本上，我希望 DropShadowPanel 具有与内部网格相同的形状。

Answer 1

请尝试以下代码并设置 Ellipse 颜色。 DropShadowPanel 会起作用。

<Grid>
    <controls:DropShadowPanel
        x:Name="ShadowPanel"
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        BlurRadius="15"
        Opacity="1"
        ShadowOpacity="1"
        Color="Black"
        >
        <Ellipse
            Width="120"
            Height="120"
            Fill="White"
            />
    </controls:DropShadowPanel>
    <Grid
        Width="120"
        Height="120"
        Background="DarkGray"
        CornerRadius="60"
        >
        <FontIcon
            FontSize="50"
            Foreground="White"
            Glyph="&#xE8D4;"
            />
    </Grid>
</Grid>

圆形 DropShadowPanel

Round DropShadowPanel

xaml

win-universal-app

uwp