WPF 实现阴影效果

原文:WPF 实现阴影效果

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/a771948524/article/details/9259557

1.首先最常见的一个阴影效果的类是DropShadowEffect。它有几种比较有用的属性比如:Color设置颜色,Direction设置投影的方向,ShadowDepth设置投影距纹理下方的距离,Opacity设置透明度等等。角度的设置是这样的:

WPF 实现阴影效果

下面是一个例子和效果:

<TextBlock Text="HELLO WORLD" Foreground="Green" HorizontalAlignment="Center" Margin="20" FontSize="36">
            <TextBlock.Effect>
                <DropShadowEffect Color="Black" Direction="0" ShadowDepth="5" Opacity="1" />
            </TextBlock.Effect>
        </TextBlock>

WPF 实现阴影效果


2.接下来是模糊效果的类BlurEffect。可以设置Radius模糊效果曲线的半径,KernelType计算模糊的曲线的值等等。

<TextBlock Text="Hello world" Foreground="Green" HorizontalAlignment="Center" Margin="20" FontSize="36">
            <TextBlock.Effect>
                <BlurEffect Radius="4" KernelType="Box" />
            </TextBlock.Effect>
        </TextBlock>

WPF 实现阴影效果

 

3.好吧貌似没撒能用的了,不过还可以用TranslateTransform来叠两个同样的东西来显示弄出阴影效果。

    <Grid>
        <TextBlock Text="helloworld" Foreground="Black" HorizontalAlignment="Center" Margin="20" FontSize="36">
                <TextBlock.RenderTransform>
                    <TranslateTransform X="3" Y="3" />
                </TextBlock.RenderTransform>
        </TextBlock>
        <TextBlock Text="helloworld" Foreground="Green" HorizontalAlignment="Center" Margin="20" FontSize="36" />

    </Grid>

WPF 实现阴影效果

4.最后弄张相框类型的阴影图片来玩玩。

    <Border SnapsToDevicePixels="True" BorderBrush="Red" BorderThickness="4" CornerRadius="5" Margin="20" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Image Width="200" Source="C:\Users\lenovo\Downloads\1.jpg" Stretch="Uniform" />
        <Border.Effect>
            <DropShadowEffect Color="Black" BlurRadius="16" ShadowDepth="0" Opacity="1" />
        </Border.Effect>
    </Border>

WPF 实现阴影效果

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

上一篇:WPF模糊和阴影效果


下一篇:*C#(WPF)--矩阵拖动和矩阵动画(拖动展开,不足动画效果)