原文:WPF-WPF BitmapEffect (按钮凹凸效果)

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。

WPF-WPF BitmapEffect (按钮凹凸效果)的更多相关文章

  1. WPF实现Twitter按钮效果

    最近上网看到这个CSS3实现的Twitter按钮,感觉很漂亮,于是想用WPF来实现下. 实现这个效果,参考了CSS3 原文地址:http://www.html5tricks.com/css3-twit ...

  2. WPF实现Twitter按钮效果(转)

    最近上网看到这个CSS3实现的Twitter按钮,感觉很漂亮,于是想用WPF来实现下. 实现这个效果,参考了CSS3 原文地址:http://www.html5tricks.com/css3-twit ...

  3. [原译]一步步教你制作WPF圆形玻璃按钮

    原文:[原译]一步步教你制作WPF圆形玻璃按钮 图1 1.介绍 从我开始使用vista的时候,我就非常喜欢它的圆形玻璃按钮.WPF最好的一个方面就是允许自定义任何控件的样式.用了一段时间的Micros ...

  4. WPF Multi-Touch 开发:惯性效果(Inertia)

    原文 WPF Multi-Touch 开发:惯性效果(Inertia) 从上一篇实例可以发现在图片移动过程中如果将手指移开屏幕则图片会立刻停止,根据这种情况WPF 提供另外一种惯性效果(Inertia ...

  5. WPF 图片浏览 伪3D效果

    原文:WPF 图片浏览 伪3D效果 首先上效果图: 因项目要求,需要把图片以"好看"."炫"的效果展示出来,特地研究了一下WPF关于3D方面的制作,奈何最终成果 ...

  6. WPF 带清除按钮的文字框SearchTextBox

    原文:WPF 带清除按钮的文字框SearchTextBox 基于TextBox的带清除按钮的搜索框 样式部分: <!--带清除按钮文字框--> <Style TargetType=& ...

  7. 【WPF】两则动画效果

    原文:[WPF]两则动画效果 引言 利用WPF的动画可以轻而易举的实现各种各样的特效,如擦除,滑动进入等,先看两个效果图 第一个效果 这个动画其实利用了OpacityMask和LinearGradie ...

  8. 在VS2005中设置WPF中自定义按钮的事件

    原文:在VS2005中设置WPF中自定义按钮的事件 上篇讲了如何在Blend中绘制圆角矩形(http://blog.csdn.net/johnsuna/archive/2007/08/13/17407 ...

  9. 用WPF轻松打造iTunes CoverFlow效果

    原文:用WPF轻松打造iTunes CoverFlow效果 用WPF轻松打造iTunes CoverFlow效果                                             ...

随机推荐

  1. Java 开发规约插件

    阿里巴巴 Java 开发规约插件初体验 阿里巴巴 Java 开发手册 又一次来谈<阿里巴巴 Java 开发手册>,经过这大半年的版本迭代,这本阿里工程师们总结出来避免写出那么多 Bug 的 ...

  2. Android系统开发(1)——GCC编译器的编译和安装过程

    GCC编译器介绍 GCC编译器(GNG C Compiler)是GNU项目中符合ANSI C标准的编译系统,能够编译C  C++  Object C等语言编写的程序,同时GCC也是一个交叉编译器,特别 ...

  3. HDU 3791 二叉搜索树 (数据结构与算法实验题 10.2 小明) BST

    传送门:http://acm.hdu.edu.cn/showproblem.php?pid=3791 中文题不说题意. 建立完二叉搜索树后进行前序遍历或者后序遍历判断是否一样就可以了. 跟这次的作业第 ...

  4. Facebook开源软件列表

    从 Facebook 的 GitHub 账户中可以看到,Facebook 已经开源的开源项目有近 300 个,领域涉及移动.前端.Web.后端.大数据.数据库.工具和硬件等.Facebook 开源项目 ...

  5. 【35.00%】【z13】&&【b093】最优贸易

    [题解] 这题就是要在n个点里面选一个花费最小的点.然后找一个花费最大的点.两者之差为最大值. 但是最大值的点要在最小值的点之后出现.且走到后者之后要能够到达N号节点.为了处理掉环.先用tarjan进 ...

  6. Django日志器的使用

    Logging Mudel A quick logging primer Django uses Python’s builtin logging module to perform system l ...

  7. 小强的HTML5移动开发之路(46)——汇率计算器【2】

    在上一篇中我们完成了汇率计算页面,下面来完成汇率设置页面的显示. <div class="setRates"> <div class="header&q ...

  8. [React Router v4] Use URL Parameters

    URLs can be looked at as the gateway to our data, and carry a lot of information that we want to use ...

  9. 【codeforces 765A】Neverending competitions

    [题目链接]:http://codeforces.com/contest/765/problem/A [题意] 给你一个人的n个行程 行程都是从家到某个地方或从某个地方到家; 且是无序的,且如果到了非 ...

  10. XMPP之安装mySQL--Mac OS(一)

    come from:http://www.cnblogs.com/xiaodao/archive/2013/04/04/2999426.html 一.安装 到MySQL官网上http://dev.my ...