WPF元素可视化效果

时间:2022-05-10 13:16:11

在WPF中设置元素的可视化效果主要用到BlurEffect类和DropShadowEffect类。(目前只学到这两个,哈哈)

1.BlurEffect类

命名空间:

System.Windows.Media.Effects. BlurEffect

使目标纹理模糊的位图效果。

程序集:PresentationCore(在 PresentationCore.dll 中)
用于 XAML 的
XMLNS:http://schemas.microsoft.com/winfx/2006/xaml/presentation,
http://schemas.microsoft.com/netfx/2007/xaml/presentation

示例XAML代码:

 <StackPanel>

         <Image Source="C:\Users\天天开心\Pictures\501d2024bb239.jpg" Width="" Margin="">
<Image.Effect>
<BlurEffect Radius=""></BlurEffect>
</Image.Effect>
</Image> <Image Source="C:\Users\天天开心\Pictures\501d2024bb239.jpg" Width="" Margin="">
<Image.Effect>
<BlurEffect Radius=""></BlurEffect>
</Image.Effect>
</Image> <Image Source="C:\Users\天天开心\Pictures\501d2024bb239.jpg" Width="" Margin="">
<Image.Effect>
<BlurEffect Radius=""></BlurEffect>
</Image.Effect>
</Image>
</StackPanel>

其中BlurEffect.Radius属性用于

获取或设置一个值,该值指示模糊效果曲线的半径。

效果如下:

WPF元素可视化效果

2.ShadowEffect类

一种用于在目标纹理周围绘制投影的位图效果。

命名空间:    System.Windows.Media.Effects. DropShadowEffect
程序集:PresentationCore(在
PresentationCore.dll 中)
用于 XAML 的
XMLNS:http://schemas.microsoft.com/winfx/2006/xaml/presentation,
http://schemas.microsoft.com/netfx/2007/xaml/presentation

示例XAML代码

 <TextBlock FontSize="" Margin="">
<TextBlock.Effect>
<DropShadowEffect>
</DropShadowEffect>
</TextBlock.Effect>
<TextBlock.Text>Basic DropShadow</TextBlock.Text>
</TextBlock>

默认效果 Basic DropShadow

 <DropShadowEffect Color="Pink"></DropShadowEffect>

设置阴影颜色为Pink Pink DropShadow

 <DropShadowEffect BlurRadius=""> </DropShadowEffect>

设置阴影半径,越大阴影越模糊 Blurred DropShadow

 <DropShadowEffect ShadowDepth=""></DropShadowEffect>

设置阴影与目标的距离 越大越远 ShadowDepth

 <DropShadowEffect Opacity=".5"></DropShadowEffect>

设置阴影透明度 Opacity

 <DropShadowEffect Direction="">

设置阴影的方向 按逆时针来算 0表示正下方 90表示在上边 180 表示在左边 Direction

运行效果:

WPF元素可视化效果