Круглая панель DropShadowPanel

Question

Как мне создать раунд DropShadowPanel? Этот вопрос дает некоторую идею, но я все еще получил квадратную тень.

Это моя текущая попытка:

<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>