<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    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, 
    thistrue); 
                }
     
      
                
    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 閱讀(765) 評論(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

    生活保健

    解析文件

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 很黄很污的网站免费| 亚洲网站在线播放| 羞羞网站在线免费观看| 在线观看免费毛片| 亚洲精品乱码久久久久久V| 亚洲av永久无码制服河南实里| 色吊丝性永久免费看码| 99在线免费观看| 国产日韩亚洲大尺度高清| 亚洲jjzzjjzz在线观看| 999国内精品永久免费观看| 亚洲人成影院在线高清| 国产人在线成免费视频| 亚洲精品久久久www| 亚洲免费日韩无码系列| 在免费jizzjizz在线播| 免费在线观看污网站| 春意影院午夜爽爽爽免费| 久久精品亚洲福利| 亚洲午夜无码久久久久软件| 最近最新中文字幕完整版免费高清| 亚洲日韩精品射精日| 国产亚洲欧美在线观看| 免费在线视频你懂的| 亚洲中文字幕无码一久久区| 免费无码黄网站在线看| 亚洲综合无码一区二区三区| AV免费网址在线观看| 亚洲黄色三级视频| 国产亚洲精品免费视频播放| 亚洲天堂久久精品| 国产性生大片免费观看性| 亚洲第一页中文字幕| 国产自产拍精品视频免费看| a毛片成人免费全部播放| 亚洲黄色免费在线观看| 国产免费卡一卡三卡乱码| 国产婷婷成人久久Av免费高清| 亚洲视频一区网站| 亚洲国产精品成人| 国产精品久久久久久久久免费|