tileLIst實現圖像列表
		
          
		
          main.mxml
          <?xml version="1.0" encoding="utf-8"?> 
          <!-- http://blog.flexexamples.com/2008/03/08/creating-a-simple-image-gallery-with-the-flex-tilelist-control/ --> 
          <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
                  layout          ="vertical" 
                  verticalAlign          ="middle" 
                  backgroundColor          ="white"> 
            
                        <mx:Style> 
                  global           { 
                      modal          -transparency: 0.9; 
                      modal          -transparency-color: white; 
                      modal          -transparency-blur: 9; 
                  }           
                        </mx:Style> 
            
                        <mx:Script> 
                            <![CDATA[ 
                                import mx.effects.Resize; 
                                import mx.events.ResizeEvent; 
                                import mx.events.ListEvent; 
                                import mx.controls.Image; 
                                import mx.events.ItemClickEvent; 
                                import mx.managers.PopUpManager; 
            
                                private var img:Image; 
            
                                private function tileList_itemClick(evt:ListEvent):void { 
                          img           = new Image(); 
                                    // img.width = 300; 
                                    // img.height = 300; 
                          img.maintainAspectRatio = true; 
                          img.addEventListener(Event.COMPLETE, image_complete); 
                          img.addEventListener(ResizeEvent.RESIZE, image_resize); 
                          img.addEventListener(MouseEvent.CLICK, image_click); 
                          img.source           = evt.itemRenderer.data.@fullImage; 
                          img.setStyle(          "addedEffect", image_addedEffect); 
                          img.setStyle(          "removedEffect", image_removedEffect); 
                          PopUpManager.addPopUp(img,           this, true); 
                      }           
            
                                private function image_click(evt:MouseEvent):void { 
                          PopUpManager.removePopUp(evt.currentTarget as Image); 
                      }           
            
                                private function image_resize(evt:ResizeEvent):void { 
                          PopUpManager.centerPopUp(evt.currentTarget as Image); 
                      }           
            
                                private function image_complete(evt:Event):void { 
                          PopUpManager.centerPopUp(evt.currentTarget as Image); 
                      }           
                  ]]          > 
                        </mx:Script> 
            
                        <mx:WipeDown id="image_addedEffect" startDelay="100" /> 
            
                        <mx:Parallel id="image_removedEffect"> 
                            <mx:Zoom /> 
                            <mx:Fade /> 
                        </mx:Parallel> 
            
                        <mx:XML id="xml" source="gallery.xml" /> 
                        <mx:XMLListCollection id="xmlListColl" source="{xml.image}" /> 
            
                        <mx:TileList id="tileList" 
                      dataProvider          ="{xmlListColl}" 
                      itemRenderer          ="CustomItemRenderer" 
                      columnCount          ="4" 
                      columnWidth          ="125" 
                      rowCount          ="2" 
                      rowHeight          ="100" 
                      themeColor          ="haloSilver" 
                      verticalScrollPolicy          ="on" 
                      itemClick          ="tileList_itemClick(event);" /> 
            
          </mx:Application> 
           CustomItemRenderer.mxml
          <?xml version="1.0" encoding="utf-8"?> 
          <!-- http://blog.flexexamples.com/2008/03/08/creating-a-simple-image-gallery-with-the-flex-tilelist-control/ --> 
          <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" 
                  horizontalAlign          ="center" 
                  verticalAlign          ="middle"> 
            
                        <mx:Image source="{data.@thumbnailImage}" /> 
            
                        <mx:Label text="{data.@title}" /> 
            
          </mx:VBox> 
          gallery.xml
          <?xml version="1.0" encoding="utf-8"?> 
          <!-- http://blog.flexexamples.com/2008/03/08/creating-a-simple-image-gallery-with-the-flex-tilelist-control/ --> 
          <gallery> 
                        <image title="Flex" 
                  thumbnailImage          ="assets/fx_appicon-tn.gif" 
                  fullImage          ="assets/fx_appicon.jpg" /> 
                        <image title="Flash" 
                      thumbnailImage          ="assets/fl_appicon-tn.gif" 
                      fullImage          ="assets/fl_appicon.jpg" /> 
                        <image title="Illustrator" 
                      thumbnailImage          ="assets/ai_appicon-tn.gif" 
                      fullImage          ="assets/ai_appicon.jpg" /> 
                        <image title="Dreamweaver" 
                      thumbnailImage          ="assets/dw_appicon-tn.gif" 
                      fullImage          ="assets/dw_appicon.jpg" /> 
                        <image title="ColdFusion" 
                      thumbnailImage          ="assets/cf_appicon-tn.gif" 
                      fullImage          ="assets/cf_appicon.jpg" /> 
                        <image title="Flash Player" 
                      thumbnailImage          ="assets/fl_player_appicon-tn.gif" 
                      fullImage          ="assets/fl_player_appicon.jpg" /> 
                        <image title="Fireworks" 
                      thumbnailImage          ="assets/fw_appicon-tn.gif" 
                      fullImage          ="assets/fw_appicon.jpg" /> 
                        <image title="Lightroom" 
                      thumbnailImage          ="assets/lr_appicon-tn.gif" 
                      fullImage          ="assets/lr_appicon.jpg" /> 
                        <image title="Photoshop" 
                      thumbnailImage          ="assets/ps_appicon-tn.gif" 
                      fullImage          ="assets/ps_appicon.jpg" /> 
          </gallery> 
          
		
          
			posted on 2012-08-14 16:53 youngturk 閱讀(760) 評論(0)  編輯  收藏  所屬分類: Flex DEV 
		
          
	
          
	
	


	


          
	    
    




          








          

				
				

			
          
			
          
				
					
          
	
          
		
          <2012年8月>
          
	
          日一二三四五六
          2930311234
          567891011
          12131415161718
          19202122232425
          2627282930311
          2345678
          

          

					

          導航
          

					

          統計
          
	
					

          公告
          
	
          this year :
          1 jQuery
          2 freemarker
          3 框架結構
          4 口語英語
          

					

          常用鏈接
          


          留言簿(6)
          


		
          隨筆分類
          
		
				
			
	
		
          隨筆檔案
          
		
				
			
	
		
          文章分類
          
		
				
			
	
		
          文章檔案
          
		
				
			
	
		
          相冊
          
		
				
			
	
		
          EJB學習
          
		
				
			
	
		
          Flex學習
          
		
				
			
	
		
          learn English
          
		
				
			
	
		
          oracle
          
		
				
			
	
		
          spring MVC web service
          
		
				
			
	
		
          SQL
          
		
				
			
	
		
          Struts
          
		
				
			
	
		
          生活保健
          
		
				
			
	
		
          解析文件
          
		
				
			
	



          搜索
          



          最新評論
	
          



          閱讀排行榜
          



          評論排行榜
          


				
			
          
			
			
			
			
			 

	

    







          
        
	




主站蜘蛛池模板：
樟树市|
达拉特旗|
扶余县|
和林格尔县|
宁陕县|
应城市|
遂川县|
丰台区|
紫云|
嵊州市|
梅州市|
临江市|
沙洋县|
竹溪县|
睢宁县|
新余市|
灵璧县|
鄂伦春自治旗|
嫩江县|
茌平县|
万宁市|
阳山县|
景德镇市|
兴业县|
新邵县|
巴东县|
安平县|
高邑县|
宣汉县|
通榆县|
饶平县|
赤峰市|
济源市|
江华|
定远县|
武隆县|
防城港市|
本溪|
青龙|
城市|
霸州市|