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

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

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

    tileLIst實(shí)現(xiàn)圖像列表

    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 閱讀(756) 評論(0)  編輯  收藏 所屬分類: Flex DEV

    <2012年8月>
    2930311234
    567891011
    12131415161718
    19202122232425
    2627282930311
    2345678

    導(dǎo)航

    統(tǒng)計(jì)

    公告

    this year :
    1 jQuery
    2 freemarker
    3 框架結(jié)構(gòu)
    4 口語英語

    常用鏈接

    留言簿(6)

    隨筆分類

    隨筆檔案

    文章分類

    文章檔案

    相冊

    EJB學(xué)習(xí)

    Flex學(xué)習(xí)

    learn English

    oracle

    spring MVC web service

    SQL

    Struts

    生活保健

    解析文件

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲黄色网址大全| 亚洲s色大片在线观看| 国产精品成人免费综合| 亚洲国产精品13p| 亚洲AV无码码潮喷在线观看| 亚洲精品国产成人专区| 香蕉大伊亚洲人在线观看| 国产精品手机在线亚洲| A毛片毛片看免费| 国产成人精品免费视频大| 韩国18福利视频免费观看| 亚洲AV无码不卡在线观看下载| 亚洲线精品一区二区三区影音先锋| 亚洲第一视频网站| 亚洲 日韩经典 中文字幕 | 在线亚洲高清揄拍自拍一品区| 国产精品亚洲а∨无码播放不卡 | 亚洲国产精品精华液| 一个人看的www视频免费在线观看| 久别的草原电视剧免费观看| 四虎永久在线精品免费网址| 亚洲人成影院在线无码观看| 激情内射亚洲一区二区三区| 亚洲AV成人无码网天堂| 无码AV片在线观看免费| 国产精品成人四虎免费视频| 久久久无码精品亚洲日韩蜜桃 | 亚洲AV成人精品一区二区三区| gogo免费在线观看| 国产精品免费观看| 亚洲中文字幕视频国产| 亚洲国产精品日韩在线| 一级毛片大全免费播放下载| 免费看片在线观看| 国产L精品国产亚洲区久久 | 亚洲视频国产精品| 一级毛片aa高清免费观看| 在线看片韩国免费人成视频| 久久久久无码专区亚洲av| 亚洲色中文字幕在线播放| 免费人成黄页在线观看日本|