Flex中如何通过给Alert的filters属性设置一个Alert.show()的返回参照添加一个GlowFilter的例子
By Minidxer | February 1, 2009
接下来的例子演示了Flex中如何通过给Alert的filters属性,设置一个Alert.show()的返回参照添加一个GlowFilter。
※GlowFilter类别可以让您将光晕特效套用到Flash中的各种物件。您有多种光晕样式的选择,包含内或外光晕以及去底色模式。您有多种光晕样式的选择,包含内或外光晕以及去底色模式。光晕滤镜非常类似投影distance及angle属性设为0的投影滤镜。光晕滤镜非常类似投影distance及 angle属性设为0的投影滤镜。
滤镜的使用取决于滤镜套用到的物件:滤镜的使用取决于滤镜套用到的物件:
*若要在执行阶段,将滤镜套用至影片片段、文字栏位与按钮,请使用filters属性。若要在执行阶段,将滤镜套用至影片片段、文字栏位与按钮,请使用 filters属性。设定物件的filters属性不会修改物件,而且只要清除filters属性就可以将滤镜还原。设定物件的filters属性不会修改物件,而且只要清除filters属性就可以将滤镜还原。
*若要将滤镜套用至BitmapData实体,请使用BitmapData.applyFilter()方法。若要将滤镜套用至BitmapData实体,请使用BitmapData.applyFilter()方法。对BitmapData物件呼叫applyFilter()时会采用原始 BitmapData物件和滤镜物件,结果会产生套用滤镜后的影像。对BitmapData物件呼叫applyFilter()时会采用原始 BitmapData物件和滤镜物件,结果会产生套用滤镜后的影像。
您也可以在编写期间将滤镜特效套用至影像与视讯。您也可以在编写期间将滤镜特效套用至影像与视讯。如需GlowFilter更加详细地说明,请参阅Adobe官方说明。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white"
- creationComplete="init();">
- <mx:Style>
- Alert {
- dropShadowEnabled: false;
- }
- </mx:Style>
- <mx:Script>
- <![CDATA[
- import mx.controls.Alert;
- import mx.styles.StyleManager;
- private var alert:Alert;
- private function init():void {
- var glow:GlowFilter = new GlowFilter();
- /* The GlowFilter color property takes a uint, so you
- can't use named colors. */
- glow.color = StyleManager.getColorName("red");
- glow.alpha = 0.8;
- glow.blurX = 4;
- glow.blurY = 4;
- glow.strength = 6;
- glow.quality = BitmapFilterQuality.HIGH;
- alert = Alert.show("Message", "TITLE");
- alert.filters = [glow];
- }
- ]]>
- </mx:Script>
- <mx:ApplicationControlBar dock="true">
- <mx:Button label="Show alert" click="init();" />
- </mx:ApplicationControlBar>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics: Alert | No Comments » |