原文: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. bootstrap课程1 bootstrap为什么这么火

    bootstrap课程1 bootstrap为什么这么火 一.总结 一句话总结:响应式,样式多,功能多. 1.bootstrap通过什么药实现响应式? 响应式web布局是让用户通过不同尺寸的浏览器都可 ...

  2. 用FATFS在SD卡里写一串数字

    用FATFS写SD卡,如写入数组 s[] ={1,2,3,4,5,6} 想要在txt中显示“123456” 就要把 s[0]=1+'0'    或 s[0]=1+48   或 s[0]=1+0x30  ...

  3. 一、Github博客搭建之jekyll安装

    注意:以下步骤是FQ后操作的,需要了解FQ的可以移步 -> 枫叶主机 一.安装jekyll需要Ruby-2.1.0以上版本,本人是mac pro系统版本10.12.5(macOS Sierra) ...

  4. [Scss Flex] Reuse Flexbox Styles With A Sass Mixin

    This lesson covers flexbox in a reusable mixin that should cover most layout situations on your site ...

  5. 【note】缩写词

    CoE CANopen EtherCAT应用程序概要文件CANopen™是一个注冊商标的能够自己主动化汽车集团..纽伦堡.德国CiA402CANopen™驱动器配置文件里指定的IEC 61800-7- ...

  6. Emmet超详细教程

    Emmet超详细教程 一.总结 一句话总结:用的时候照着用,能提高效率. 1.快捷键如何使用? 需要敲代码的时候把快捷键放到旁边即可.照着敲. 二.Emmet超详细教程 Emmet的前身是大名鼎鼎的Z ...

  7. kernel build &amp; preempt-rt patch &amp; xenomai

    提前准备好 linux 内核源代码,假设是 x86 系统.能够去下载原生内核(Vanilla kernel): wget https://www.kernel.org/pub/linux/kernel ...

  8. ios开发网络学习五:输出流以及文件上传

    一:输出流 #import "ViewController.h" @interface ViewController ()<NSURLConnectionDataDelega ...

  9. Notepad++打开xml文件显示crlf的问题

    如图所示,显示CRLF,  CRLF其实是换行符. 所以在下图所示设置下显示行尾符不显示即可.

  10. Sift算子特征点提取、描述及匹配全流程解析

    Sift之前的江湖 在Sift横空出世之前,特征点检测与匹配江湖上占据霸主地位的是角点检测家族.先来探究一下角点家族不为人知的恩怨情仇. 角点家族的族长是Moravec在1977年提出的Moravec ...