Changeset 151

Timestamp:

05/07/08 19:13:31 (8 months ago)

Author:

silver

Message:

 

Location:

trunk/buddypub/bpclientflex/src

Files:

• index.mxml (modified) (1 diff)
• org/cnflex/buddypub/mvc/view/popup/MessagePopup.mxml (modified) (1 diff)

trunk/buddypub/bpclientflex/src/index.mxml

@@ -15 +15 @@
         <mx:Script>
                 <![CDATA[
+                        import mx.controls.Alert;
+                        import mx.effects.Move;
                         import org.cnflex.buddypub.mvc.control.EventHandlers;
-                        import com.firemoss.modelglue.event.ModelGlueEvent;                     
+                        import com.firemoss.modelglue.event.ModelGlueEvent;
+                        
                 ]]>
         </mx:Script>
+        
         <container:Main width="100%" height="100%"/>
-        <popup:MessagePopup x="300" y="300"/>
+        <mx:Button click="msgBox.addMessage()" label="测试"/>
+        <popup:MessagePopup id="msgBox" visible="false" x="{width-msgBox.width-2}" />
+        
 </mx:Application>

trunk/buddypub/bpclientflex/src/org/cnflex/buddypub/mvc/view/popup/MessagePopup.mxml

@@ -1 +1 @@
 <?xml version="1.0" encoding="utf-8"?>
-<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="200" height="250"
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="250" height="150"
         borderColor="#FF690A" themeColor="#FEFFFF" borderStyle="solid" 
-        backgroundAlpha="1"
+        backgroundAlpha="1" visible="{isPlaying}" mouseOver="isMouseOver=true"
+         mouseOut="isMouseOver=false" 
          backgroundColor="#fff5df" >
         
         <mx:Script>
                 <![CDATA[
+                        import mx.core.Application;
+                        import mx.managers.CursorManager;
+                        
+                        private var isMouseOver:Boolean = false;
+                        
+                        [Bindable]
+                        private var isPlaying:Boolean = false;
+                        
                         [Bindable]
                         private var msgTitle:String = "提示：";
                         
+                        [Bindable]
+                        private var msgContent:String = "内容内容内容内容内容内容!";        
+                        
+                        public function addMessage():void{
+                                showMessage();                          
+                        }
+                        
+                        private function showMessage():void{
+                                                                
+                                moveup.yFrom = Application.application.height;
+                                moveup.yTo = Application.application.height - height;
+                                isPlaying = true;
+                                moveup.play();  
+                        }
+                        
+                        private function displayMessage():void{                         
+                                setTimeout(hideMessage,2000);                           
+                        }       
+                        
+                        private function doneMessage():void{
+                                //Alert.show("display done!");
+                                isPlaying = false;                                                              
+                        }
+                        
+                        private function hideMessage():void{
+                                if(isMouseOver){
+                                        setTimeout(hideMessage,1000);                                   
+                                }else{
+                                        movedown.yFrom = Application.application.height - height;
+                                        movedown.yTo = Application.application.height;                                                          
+                                        movedown.play();
+                                }
+                        }                                       
                         
                 ]]>
         </mx:Script> 
+        
+        <mx:Move id="moveup" target="{this}" duration="1000" effectEnd="displayMessage()" />
+        <mx:Move id="movedown" target="{this}" duration="1000" effectEnd="doneMessage()"/> 
          
-         
-        <mx:HBox width="100%" backgroundColor="#FF680A">
-                <mx:Label width="100%" paddingLeft="6" text="{msgTitle}" fontSize="14" color="#FFFFFF" />
-        </mx:HBox>
-                        
-        <mx:VBox width="100%" height="100%">
-                
-        </mx:VBox>
+        <mx:Box width="100%" backgroundColor="#FF680A">
+                <mx:Label width="100%" paddingLeft="6" text="{msgTitle}" fontSize="14" color="#FFFFFF" />       
+        </mx:Box>
+        
+        <mx:Box width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
+                <mx:Text text="{msgContent}" fontSize="14"/>    
+        </mx:Box>
+        
         
 </mx:Canvas>