BitmapEffect位图效果是简单的像素处理操作。它可以呈现下面几种特殊效果。

BevelBitmapEffect        凹凸效果
            
BlurBitmapEffect         模糊效果
            
DropShadowBitmapEffect投影效果
           
 EmbossBitmapEffect     浮雕效果
            
OuterGlowBitmapEffect   颜色光晕效果

BevelBitmapEffect

<Button.BitmapEffect>

<BevelBitmapEffect x:Name="testBevelBitmap"

BevelWidth="20"

EdgeProfile="CurvedIn"

LightAngle="330"

Relief="0.4"

Smoothness="0.5" />

</Button.BitmapEffect>

BevelBitmapEffect属性BevelWidth

设置凹凸效果的宽度。默认值为 5

BevelBitmapEffect属性EdgeProfile

设置凹凸效果的曲线。默认值为 Linear

BevelBitmapEffect属性LightAngle

虚拟光源的方向。有效范围是 0-360(度),0 表示物体的右侧,后续值表示围绕物体逆时针运动。凹凸效果阴影在光投射位置的相反一侧。默认值为 135。

下图显示对于此属性的给定值,光源的方向。凹凸效果阴影投射在光线角度的相反一侧。

下图演示该属性的效果:

BevelBitmapEffect属性Relief

凹凸效果起伏的高度。有效范围在 0 和 1 之间,1 表示最大的起伏(最暗的阴影)。默认值为 0.3。

下图演示该属性的效果

BevelBitmapEffect属性Smoothness

指示凹凸效果阴影的平滑程度的值。有效范围在 0 和 1 之间,1 表示最平滑。默认值为 0.2。

BlurBitmapEffect

<Button.BitmapEffect>

<BlurBitmapEffect x:Name="testBlurBitmapEffect"

Radius="8"

KernelType="Gaussian" />

</Button.BitmapEffect>

BlurBitmapEffect属性Radius

用于模糊内核的半径。半径越大,效果越模糊。默认值为 5

BlurBitmapEffect属性KernelType

模糊内核的类型 Gaussian和Box。默认值为Gaussian

DropShadowBitmapEffect

<Button.BitmapEffect>

<DropShadowBitmapEffect x:Name="testDropShadowBitmapEffect"

Color="Blue"

ShadowDepth="20"

Noise="0.5"

Opacity="0.5"

Direction="330"/>

</Button.BitmapEffect>

DropShadowBitmapEffect属性之Color

阴影的颜色。默认值为黑色

DropShadowBitmapEffect属性之ShadowDepth

投影对象的平面与阴影平面之间的距离,值的有效范围从 0 到 300。默认值为 5。

下图演示该属性的效果

DropShadowBitmapEffect属性之Noise

阴影的噪音级别。值的有效范围从 0 到 1。如果值为 0,则表示无噪音;如果值为 1,则表示最大噪音。如果值为 0.5,则表示 50% 噪音;如果值为 0.75,则表示 75% 噪音,依此类推。默认值为 0。

下图演示该属性的效果:

DropShadowBitmapEffect属性之Opacity

不透明度。值的有效范围从 0 到 1。如果值为 0,则表示阴影完全透明;如果值为 1,则表示阴影完全不透明。如果值为 0.5,则表示阴影不透明度为 50%;如果值为 0.725,则表示阴影不透明度为 72.5%,依此类推。小于 0 的值将被视为 0;大于 1 的值将被视为 1。默认值为 1。

下图演示该属性的效果:

DropShadowBitmapEffect属性之Direction

投影角度。值的有效范围从 0 到 360。如果值为 0,则方向紧贴对象的右侧。后续值将绕对象沿逆时针方向移动方向。例如,如果值为 90,则表示阴影直接投射到对象的上方;如果值为 180,则阴影直接投射到对象的左侧,依此类推。默认值为 315。

下图显示针对该属性的给定值,阴影投射到的方向。注意:与LightAngle不同

下图演示该属性的效果:

 EmbossBitmapEffect

<Image.BitmapEffect>

<EmbossBitmapEffect x:Name="testEmbossBitmapEffect"

LightAngle="120"

Relief="0.1" />

</Image.BitmapEffect>

EmbossBitmapEffect属性之LightAngle

投射在浮雕效果对象上的人工光线的方向。有效范围是 0-360(度),0 表示物体的右侧,后续值表示围绕物体逆时针运动。默认值为 45。

EmbossBitmapEffect属性之Relief

浮雕的起伏大小。有效值范围为 0-1,其中 0 起伏最小,1 起伏最大。默认值为 0.44。

OuterGlowBitmapEffect

<TextBox.BitmapEffect>

<OuterGlowBitmapEffect x:Name="testOuterGlowBitmapEffect"

GlowColor="Red"

GlowSize="30"

Noise="0.5"

Opacity="0.5" />

</TextBox.BitmapEffect>

OuterGlowBitmapEffect属性之GlowColor

光环发光的颜色。默认值为白色

OuterGlowBitmapEffect属性之GlowSize

光环发光的厚度,值的有效范围从 1 到 199。默认值为 20。

OuterGlowBitmapEffect属性之Noise

光环发光的粒度(噪音级别)。值的有效范围从 0.0 到 1.0。如果值为 0.0,则表示无噪音;如果值为 1.0,则表示最大噪音。如果值为 0.5,则表示 50% 噪音;如果值为 0.75,则表示 75% 噪音,依此类推。默认值为 0.0。

OuterGlowBitmapEffect属性之Opacity

发光的不透明度级别。如果值为 0,则表示光环发光完全透明;如果值为 1,则表示发光完全不透明。如果值为 0.5,则表示发光透明度为 50%;如果值为 0.725,则表示发光透明度为 72.5%,依此类推。小于 0 的值将被视为 0;大于 1 的值将被视为 1。默认值为 1。

BitmapEffect位图效果是简单的像素处理操作。它可以呈现下面几种特殊效果。相关推荐

  1. c语言画板,简单的像素画板(C语言编写)

    在2017年的时侯通过C语言和EasyX图形库编写了一个简单的像素绘图画板,当时是因为看了一个制作小游戏的视频,然后不知道干啥看到了一种像素风的图片,脑袋一热就写了一个像素绘画板. 话不多说,将代码分 ...

  2. android开发分页查询,Android开发中实现分页效果的简单步骤

    分页加载在程序开发中是必备的,但是我们实现这个功能并不仅仅为了美观,用户体验也是很重要的,爱站技术频道下面就带大家了解Android开发中实现分页效果的简单步骤,感兴趣的小伙伴们参考看看吧! 具体内容 ...

  3. html多图轮播淡入淡出js,原生JS实现图片轮播与淡入效果的简单实例

    最近对css的兴趣提不起来,因为以前对图片轮播一直耿耿于怀苦于学艺不精,所以,花了点时间熟悉了一下js.然后一条道走到黑,用jquery和js写了一下轮播和图片淡入的效果.以后学习的路很长,希望自己在 ...

  4. 刮刮奖效果的简单实现

    刮刮奖效果的简单实现 无意中看到个刮刮奖的效果,觉得很有意思.就想自己也做一个,怎样用html5及javascript实现呢,回忆以前 做报表的时候,用过html5 canvas元素.心里就有思路了. ...

  5. html怎么显示一个点赞的心形,jquery心形点赞关注效果的简单实现

    html代码 css代码 .heart { width: 100px; height: 100px; background: url("") no-repeat; backgrou ...

  6. 游戏里WASD移动控制人物的操作,用js写出的效果,简单易上手!

    游戏里的人物控制需要通过上下键或者WASD键来控制人物的前进后退. 那么我们就来写一个这样的效果吧! 这个效果说简单也很简单无非就是通过按键来操作.code的按键操作. 接下来就上我们的效果图了. 样 ...

  7. ajax分页功能实现php,详解AJAX分页效果的简单实现

    最近写一个给用户组添加角色的功能,要求一边是未添加的角色,一边是已添加的角色,还有搜索功能, 点击添加后,ajax保存操作. 本文主要为大家详细介绍了AJAX分页效果的简单实现代码,具有一定的参考价值 ...

  8. android 卷轴动画,原来这种画卷展开的效果这么简单!三步即可做出来!太惊艳了...

    原标题:原来这种画卷展开的效果这么简单!三步即可做出来!太惊艳了 我们在一些发布会或者开幕式上经常会看到这样的画卷展开效果,感觉特别惊艳,那么这种效果是怎么做出来的呢?其实很简单!我们用PPT就可以做 ...

  9. html显示滚动焦点图代码,商城常用滚动的焦点图效果代码简单实用

    这种商城的效果网上很多,但大多是插件,要么JS写的太过于复杂,对于学习的童鞋来说看起来比较费劲,这个看起来比较简单,也比较容易理解,各位童鞋需要的请围观,也欢迎各位评价,贴代码(为方便使用,代码复制即 ...

最新文章

  1. 京东某员工因加班太多引女友不满,下定决心离职:不想被迫加班!
  2. xml笔记整理_基础概括
  3. 通过UltraISO来提取U盘启动盘的ISO镜像文件
  4. spring注解@Component、@Repository、@Service、@Controller
  5. python学习--numpy的数组
  6. python简单的小程序_初学python的一些简单程序(1)
  7. Oracle监听器Server端与Client端配置实例
  8. 直播 | AAAI 2022论文解读:三⻆分解一致性约束的端到端语音翻译
  9. iframe 覆盖父页面_一次iframe子页面与父页面的通信
  10. css钢铁侠视角,CSS3 Iron Man 钢铁侠肖像
  11. python socket多线程 获取朋友列表_python socket多线程通讯实例分析(聊天室)
  12. 扫盲:php session缓存至memcached中的方法
  13. Python入门--特殊方法
  14. 豫教科计算机资源管理教案,豫科版小学五年级上册信息技术教案(全册.doc
  15. Android 自定义View实现照片裁剪框与照片裁剪
  16. 南京计算机图书,计算机中心附近图书馆
  17. Druid 技术白皮书:大数据实时统计分析数据存储
  18. Fuzzy SVM with a new fuzzy membership function--文献翻译
  19. Installing OpenCV 2.4.9 in Ubuntu 14.04 LTS
  20. 【生活工作经验 一】程序员养生指南

热门文章

  1. ruby 嵌套函数_Ruby嵌套直到循环带有示例
  2. 在给定总和K的二叉树中找到级别
  3. 字符串最长回文子串_最长回文子串
  4. java中的局部变量、成员变量、类变量
  5. eclipse中图片大小用什么单位_建筑工程行业中各个单位都是什么样的关系?
  6. 每日一题:leetcode1579.保证图可完全遍历
  7. 【Linux网络编程学习】socket API(socket、bind、listen、accept、connect)及简单应用
  8. 内核定时器timer_list使用
  9. 这么香的技术还不快点学起来,不吃透都对不起自己
  10. 想学IT的必看!今年Android面试必问的这些技术面,架构师必备技能