Windows Universal App中对Image / StackPanel的阴影效果

时间:2015-12-30 08:45:08

标签: xaml win-universal-app

如何在Windows通用应用中添加阴影效果?

我已将Image添加到StackPanel中。我想为该控件添加阴影效果(StackPanel)。

我正在尝试做下面这样的事情。

enter image description here

1 个答案:

答案 0 :(得分:1)

这应该会给你灵感来达到你喜欢的东西。

Drop Shadow Effect

<StackPanel Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid Width="100" Height="100" Margin="0,10">
        <Image Source="PinkSquare.png" Width="95" Height="95" HorizontalAlignment="Right" VerticalAlignment="Bottom" Opacity="0.5"/>
        <Image Source="PinkSquare.png" Width="95" Height="95" HorizontalAlignment="Left" VerticalAlignment="Top"/>
    </Grid>

    <Grid Width="100" Height="100" Margin="0,10">
        <Image Source="GraySquare.png" Width="95" Height="95" HorizontalAlignment="Right" VerticalAlignment="Bottom" Opacity="0.5"/>
        <Image Source="PinkSquare.png" Width="95" Height="95" HorizontalAlignment="Left" VerticalAlignment="Top"/>
    </Grid>
</StackPanel>

添加边框,圆角,渐变等,以达到您喜欢的最终效果。