flex 给弹出窗口加特效

package user
{
	import flash.display.DisplayObject;

	import mx.core.IFlexDisplayObject;
	import mx.effects.Blur;
	import mx.events.TweenEvent;
	import mx.managers.PopUpManager;
	import mx.effects.Zoom;

	public class PopUpEffect
	{

		public function PopUpEffect()
		{
		}

		public static function Show(control:IFlexDisplayObject, parent:DisplayObject, modal:Boolean=true):void
		{
//             var mShowEffect:Blur=new Blur();
//             mShowEffect.blurXFrom=255;
//             mShowEffect.blurYFrom=255;
//             mShowEffect.blurXTo=0;
//             mShowEffect.blurYTo=0;
//             mShowEffect.target= control;
//             mShowEffect.duration=300;
			var mShowEffect:Zoom=new Zoom();
			mShowEffect.zoomWidthTo=1;
			mShowEffect.zoomWidthTo=1;
			mShowEffect.zoomHeightFrom=0;
			mShowEffect.zoomWidthFrom=0;
			mShowEffect.target=control;
			mShowEffect.duration=600;
			      PopUpManager.addPopUp(control,parent,modal);
			     PopUpManager.centerPopUp(control);
			mShowEffect.play();

		}

		public static function Hide(control:IFlexDisplayObject):void
		{

			var mHideEffect:Blur=new Blur();
			mHideEffect.blurXFrom=0;
			mHideEffect.blurYFrom=0;
			mHideEffect.blurXTo=255;
			mHideEffect.blurYTo=255;
			mHideEffect.addEventListener(TweenEvent.TWEEN_END, function()
				{
					PopUpManager.removePopUp(control);
				});
			mHideEffect.duration=300;
			mHideEffect.target=control;
			mHideEffect.play();
		}
	}
}

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow   xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="342" height="172" title="登陆" showCloseButton="true">
    <mx:Script>
        <![CDATA[
             import PopUpEffect;
         ]]>
    </mx:Script>
    <mx:Form width="100%">
        <mx:FormItem label="用户名：">
            <mx:TextInput/>
        </mx:FormItem>
        <mx:FormItem label="密码：">
            <mx:TextInput displayAsPassword="true"/>
        </mx:FormItem>
    </mx:Form>
    <mx:ControlBar height="43" verticalAlign="middle" horizontalAlign="right">
        <mx:Button label="确定"/>
        <mx:Button label="取消">
            <mx:click>
                <![CDATA[
                     PopUpEffect.Hide(this);
                 ]]>
            </mx:click>
        </mx:Button>
    </mx:ControlBar>
    <mx:close>
        <![CDATA[
             PopUpEffect.Hide(this);
         ]]>
    </mx:close>
</mx:TitleWindow>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
             import PopUpEffect;
         ]]>
    </mx:Script>
    <mx:Button label="登陆" horizontalCenter="0" verticalCenter="0">
        <mx:click>
            <![CDATA[
                 var frmlogin:Login =new Login();
                 PopUpEffect.Show(frmlogin,this);
             ]]>
        </mx:click>
    </mx:Button>
</mx:Application>

评论

1 楼 tcmis 2010-03-24  

老大，你的这个特效，如果界面有ComboBox,List控件，数据是动态的，那么ComboBox前面的Label值就会错误，例如：
    <mx:FormItem label="父节点：" required="true">
    <mx:ComboBox id="parentNode" dataProvider="{departments}" labelFunction="disDepName" labelField="name" />
    </mx:FormItem>
其中“父节点”三个字会错位，
List控件的列表值是显示不完全的。看不清楚，你可以自己测试一下。。
期待你的回复，我的e-mail: [e-mail]