WPF元素可视化效果
在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属性用于
获取或设置一个值,该值指示模糊效果曲线的半径。
效果如下:

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元素可视化效果的更多相关文章
- WPF,Silverlight与XAML读书笔记第三十九 - 可视化效果之3D图形
原文:WPF,Silverlight与XAML读书笔记第三十九 - 可视化效果之3D图形 说明:本系列基本上是<WPF揭秘>的读书笔记.在结构安排与文章内容上参照<WPF揭秘> ...
- 【HTML5】Web Audio API打造超炫的音乐可视化效果
HTML5真是太多炫酷的东西了,其中Web Audio API算一个,琢磨着弄了个音乐可视化的demo,先上效果图: 项目演示:别说话,点我! 源码已经挂到github上了,有兴趣的同学也可以去st ...
- wpf 模拟3D效果(和手机浏览图片效果相似)(附源码)
原文 wpf 模拟3D效果(和手机浏览图片效果相似)(附源码) pf的3D是一个很有意思的东西,类似于ps的效果,类似于电影动画的效果,因为动画的效果,(对于3D基础的摄像机,光源,之类不介绍,对于依 ...
- WPF元素绑定
原文:WPF元素绑定 数据绑定简介:数据绑定是一种关系,该关系告诉WPF从源对象提取一些信息,并用这些信息设置目标对象的属性.目标属性是依赖项属性.源对象可以是任何内容,从另一个WPF元素乃至ADO. ...
- WPF实现选项卡效果(3)——自定义动态添加的AvalonDock选项卡内容
原文:WPF实现选项卡效果(3)--自定义动态添加的AvalonDock选项卡内容 简介 在前面一篇文章里面,我们实现了AvalonDock选项卡的动态添加,但是对于选项卡里面的内容,我们并没有实现任 ...
- WPF实现选项卡效果(1)——使用AvalonDock
原文:WPF实现选项卡效果(1)--使用AvalonDock 简介 公司最近一个项目,软件采用WPF开发,需要实现类似于VS的选项卡(或者是浏览器的选项卡)效果.搜寻诸多资料后,发现很多同仁推荐Ava ...
- 使用 Sticky-Kit 实现基于 jQuery 的元素固定效果
元素固定效果在网页中应用得很多,比较常见的使用场景有改进导航,显示广告.Sticky-Kit 是一个非常方便的 jQuery 插件,简化了创建/管理粘元素,有复杂的使用功能.这些功能包括:处理多个固定 ...
- WOW.js – 在页面滚动时展现动感的元素动画效果
在一些网页上,当你滚动页面的时候会看到各式各样的元素动画效果,非常动感.WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件,很容易定制,你可以改变动画设置喜欢的风格.延迟.长度.偏移和迭代等 ...
- Stickup – 轻松实现元素固定效果的 jQuery 插件
粘贴是一个简单的 jQuery 插件,在页面滚动的时候固定一个元素到浏览器窗口的顶部,让其总是保持在视图中可见.这个插件作用于多页的网站,但是对于单页的布局有额外的功能.借助 CSS,还可以实现当前视 ...
随机推荐
- WPF 3D模型 3D场景
1.首先得说明的是这并不是真正的3D,模型被导出为一系列的单个图片,例如一个3D户型图,以某个视角旋转360°,渲染出一系列连续的单个图片文件. 2.在Image.MouseMove事件中添加相应代码 ...
- C#调用百度静态地图
来深圳一年多了,感觉深圳的IT氛围确实比长沙好,工作和生活节奏比较快,适合于学习.来深后一直在现在所在的公司,部门从开始4个人,发展到现在10来人了,感觉还是不错的. 发现自己很少写博客了,倒不是学得 ...
- Linux中sudo配置
Linux下的sudo及其配置文件/etc/sudoers的详细配置. 1.sudo介绍 sudo是linux下常用的允许普通用户使用超级用户权限的工具,允许系统管理员让普通用户执行一些或者全部的ro ...
- MVC认知路【点点滴滴支离破碎】【二】----Razor服务器标记语言
Razor 代码块包含在 @{....}中 内嵌表达式(变量和函数)已 @ 开头 代码语句用分号结束 变量使用 var 关键字声明 字符创用引号括起来 C#代码区分大小写 C#文件的扩展是 .csht ...
- 如何删除GIT中的.DS_Store
.DS_Store 是什么 使用 Mac 的用户可能会注意到,系统经常会自动在每个目录生成一个隐藏的 .DS_Store 文件..DS_Store(英文全称 Desktop Services Stor ...
- python环境搭建-设置PyCharm软件的配色方案和Python解释器
设置PyCharm软件的配色方案 设置Python解释器(用于Python2 or 3 的切换)
- 十天冲刺---Day7
站立式会议 站立式会议内容总结: 燃尽图 照片 两个人编码其实效率挺高的.但是在一些方面,比如说页面UI的编写,会非常吃力,很难达到自己的效果. 由于埋头在编码,所以issues的增加随之停止. 有点 ...
- SpringMVC学习--数据回显
简介 表单提交失败需要再回到表单页面重新填写,原来提交的数据需要重新在页面上显示. 简单数据类型 对于简单数据类型,如:Integer.String.Float等使用Model将传入的参数再放到req ...
- 在Eclipse中生成接口的JUnit测试类
在Spring相关应用中,我们经常使用“接口” + “实现类” 的形式,为了方便,使用Eclipse自动生成Junit测试类. 1. 类名-new-Other-java-Junit-Junit Tes ...
- Redis集群(二):Redis的安装
官方网站:http://redis.io/ 本系列撒使用的版本是:3.0.0 一.安装必要包 yum -yinstall gcc 二.linux下安装及使用(wget下载到当前目录) redis-3. ...