第10章 Flex 4组件内处理：行为和过渡.ppt

示例代码如下所示： s:Application xmlns:fx=/mxml/2009 xmlns:s=library:///flex/spark xmlns:mx=library:///flex/mx fx:Declarations s:AnimateColor id=colorEffect target={colortext} colorFrom=0x0000FF colorTo=0xFF0000 duration=1000/ /fx:Declarations s:Panel title=Animate效果 width=75% height=75% horizontalCenter=0 verticalCenter=0 s:VGroup width=90% height=90% s:Label text=测试颜色变换 id=colortext / s:Button id=playButton label=颜色变换 click=colorEffect.play();/ /s:VGroup /s:Panel /s:Application 8．滤镜 Flex 4中的滤镜类包含在spark.filter中。常用的滤镜组件如下所示。 （1）BlurFilter。 BlurFilter组件可以将模糊视觉效果应用于目标对象。 可以使用s:BlurFilter标签或BlurFilter类的构造函数创建BlurFilter组件，BlurFilter类的构造函数语法格式如下： BlurFilter(blurX, blurY, quality) 构造函数的参数，即使用s:BlurFilter标签时需要设置的属性如下所示。 ? blurX ? blurY ? quality 如要实现组件的模糊效果，需要将组件的filters对象属性设置为滤镜组件，例如： s:Application xmlns:fx=/mxml/2009 xmlns:s=library:///flex/spark xmlns:mx=library:///flex/mx fx:Declarations s:BlurFilter id=bf blurX=2 blurY=2 quality=2/ /fx: Declarations s:Button id=btn label=单击我 filters={bf} / /s:Application 效果如图所示。 （2）DropShadowFilter。 DropShadowFilter组件可以为目标对象添加阴影，阴影的样式有多个选项，包括内侧阴影、外侧阴影和挖空模式。DropShadowFilter组件的主要属性如下所示。 ? distance ? angle ? color ? alpha ? blurX和blurY ? strength ? quality ? inner ? knockout ? hideObject 示例代码所示。 效果如图所示。 （3）GlowFilter。 GlowFilter组件可以对目标对象应用发光效果，包括内侧发光、外侧发光及挖空模式。在阴影滤镜DropShadowFilter的distance和angle属性都设置为0时，发光滤镜与阴影滤镜极为相似。GlowFilter的构造函数语法格式如下： GlowFilter(color, alpha, blurX, blurY, strength, quality, inner, knockout) 发光滤镜的效果如图所示。 （4）BevelFilter。 BevelFilter组件对目标对象添加斜角效果，可以利用不同的加亮颜色和阴影颜色，斜角上的模糊量，斜角的角度，斜角的位置，以及挖空效果等方式自定义斜角的外观。BevelFilter组件的主要属性如下所示。 ? distance ? angle ? highlightColor ? highlightAlpha ? shadowColor ? shadowAlpha ? blurX和blurY ? strength ? quality ? type ? knockout 示例代码所示。 斜角滤镜的效果如图所示。 （5）GradientBevelFilter。 GradientBevelFilter组件对目标对象应用渐变斜角效果。 GradientBevelFilter的构造函数语法格式如下所示： GradientBevelFilter(distance, angle, colors, alpha