flex做图片切换(播放)

flex做图片切换(播放)

Java代码

 

<?xml version="1.0" encoding="utf-8"?>   

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"    

backgroundColor="white" width="300" height="200"  creationComplete="getResult()">  
         <mx:Style>   
         .vbox {  
             backgroundColor: #000000;  
             textAlign:center;  
             borderStyle:solid;  
             borderColor:#ffffff;  
         }   
         </mx:Style>   
  <mx:Script>  
   <![CDATA[  
    import mx.containers.VBox;  
    import flash.utils.setInterval;  
    import mx.containers.Canvas;  
    import mx.controls.Label;  
    import mx.controls.Button;  
    import mx.controls.Text;  
    import mx.controls.Alert;      
    import mx.rpc.events.*;  
    import mx.collections.*;  
    import mx.controls.*;  
      
    import flash.utils.*;  
    import flash.events.TimerEvent;  
      
       import flash.events.ContextMenuEvent;  
         
    private var newsListXml:XML;  
    private var newsList:XMLListCollection;  
    private var PicUrl:String = "E:\\ad\\";  
    private var newsArray:Array = new Array; //全局变量，用来装vbox集合  
    private var currNews:News;  
    private var newsArrayLength:int;  
     
    //发送请求去读取xml文件信息  
    public function getResult():void{  
       feed.url="http://127.0.0.1:8080/webroot/file/bigAds.xml";   //xml文件路径  
       feed.send(null);        
    }  
    //请求xml成功后处理函数  
    public function resultHandler(event:ResultEvent):void {  
     canvasid.setStyle("backgroundImage",PicUrl+"5.jpg");  
     title.text="哈1";  
     newsListXml = XML(event.result);  
     init();  
     autoPlay();  
    }  
      
    public function titileStyle():void{  
     var glowFilter:GlowFilter=new GlowFilter();  
     glowFilter.color=0xFFFFFF;  
     var sampleFilters:Array = title.filters;  
     sampleFilters.push(glowFilter);  
     title.filters = sampleFilters;      
    }  
      
    //错误时处理的函数  
    public function handleFault(event:FaultEvent):void{  
     Alert.show(event.fault.faultString, "Error");      
    }  
         
    //动态创建标签  
    public function init():void{       
        newsList = new XMLListCollection(newsListXml.children().child(1).children());  
        var lb:Label;  
        var vbox:VBox;  
        for(var i:int=0;i<newsList.length;i++){          
         var newsObject:Object=newsList.getItemAt(i);          
          lb = new Label();  
          var picId:String=newsObject.@pk;  
          lb.id = "pic"+picId;    //存id  
          lb.text = String(i+1);      
          var picName:String=newsObject.@pk+".jpg";   //存图片路径         
          lb.name = picName;   //存图片名字  
          lb.setStyle("color","#ffffff");  
          lb.useHandCursor = true;  
          lb.buttonMode = true;  
          lb.mouseChildren = false;  
          lb.height=15;  
          lb.width=22;  
          var title:String =newsObject.entry.(@key=="title");  
           
             vbox = new VBox();  
          vbox.id = ""+i;  
            
          vbox.addChild(lb);  
                 
          vbox.styleName="vbox";  
          addIndexEvent(lb,vbox);     //动态为tx标签元素添加事件    
           HboxIndexSet.addChild(vbox);  
             
           var news:News=new News();  
           news.seq=i;  
           news.id=newsObject.@pk;  
           news.title=newsObject.entry.(@key=="title");  
           news.img=newsObject.@pk+".jpg";  
           news.indexBox=vbox;            
           newsArray[i]=news;  
       }  
         
       titileStyle();        
       newsArrayLength=newsArray.length;  
       currNews=newsArray[newsArrayLength-1];        
       setInterval(function():void{autoPlay();},3000);                           //as2.0中用setInterval  
       ///var ttime:Timer = new Timer(2000,0);  
      /// ttime.addEventListener(TimerEvent.TIMER,function():void{autoPlay();});   //as3.0中用time取代了setInterval  
       ///ttime.start();        
    }  
      
    //动态为标签添加事件  
       public function addIndexEvent(tagetObject:Object,box:VBox):void{   //参数一代表哪个标签对像,二是一个变量参数  
     tagetObject.addEventListener(MouseEvent.CLICK,function():void{clickIndex(box);});  
       }  
         
          //处理事件函数  
    public function clickIndex(box:VBox):void{  
     toTop(newsArray[box.id])  
    }  
      
    //自动切换(播放)  
    public function autoPlay():void{  
     var currSeq:int=currNews.seq;  
     var nextSeq:int=(currSeq+1)%newsArrayLength;  
     var nextNews:News=newsArray[nextSeq];  
     toTop(nextNews);  
    }  
      
    //图片切换，背景色切换  
    public function toTop(nextNews:News):void{  
     currNews.indexBox.setStyle("backgroundColor","#000000");  
     nextNews.indexBox.setStyle("backgroundColor","red");  
     canvasid.setStyle("backgroundImage",PicUrl+nextNews.img);      
     title.text=nextNews.title;  
     currNews=nextNews;     
        
    }  
       
      
    //打开一个浏览器（暂没用）  
 //   public function showPic():void{  
 //    navigateToURL(new URLRequest("http://www.baidu.com"),"_blank");      
 //   }  
   ]]>  
  </mx:Script>  
    
    
 <mx:HTTPService id="feed" resultFormat="e4x" result="resultHandler(event)"   
 fault="handleFault(event);" useProxy="false" />  
 <mx:VBox width="300" height="200" verticalAlign="bottom" verticalGap="0"    
 id="canvasid" horizontalCenter="0" verticalCenter="0" verticalScrollPolicy="off" 
   
 horizontalScrollPolicy="off">  
        <mx:Label x="123" y="180" text="Label" height="26"   
   
 color="#000000" fontSize="20" fontWeight="bold" id="title"   />  
        <mx:HBox x="211" y="180" width="100%"   
   
 backgroundColor="#000000" backgroundAlpha="0.50"   horizontalAlign="right" id="HboxIndexSet"   
   
 horizontalGap="1" horizontalScrollPolicy="off"/>  
      </mx:VBox>   
  </mx:Application>

 

 

http://www.javaeye.com/upload/attachment/35803/afcc61a9-46ec-3980-b4ac-cddbca1815e6.bmp