<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

    生活保健

    解析文件

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 黄页网址大全免费观看12网站| 精品亚洲AV无码一区二区三区| 免费精品国产自产拍在线观看| 岛国av无码免费无禁网站| 亚洲国产精品久久久久秋霞影院| 性xxxx视频免费播放直播| 亚洲国产精品人久久| 日本一区二区免费看| 久久久亚洲精品国产| 久久免费区一区二区三波多野| 亚洲国产天堂在线观看| 91精品国产免费| 亚洲a视频在线观看| 在线观看免费人成视频色| 亚洲精品女同中文字幕| 国产在线观看www鲁啊鲁免费| 亚洲AV无码成人精品区日韩| 婷婷综合缴情亚洲狠狠尤物| 杨幂最新免费特级毛片| 国产亚洲成av片在线观看| 久久精品免费一区二区| 亚洲综合精品伊人久久| 免费一级毛片正在播放| 国产精品免费久久| 亚洲综合精品一二三区在线| 一二三四在线播放免费观看中文版视频 | 亚洲视频国产视频| 在线观看无码AV网站永久免费| 噜噜噜亚洲色成人网站| 亚洲国产综合无码一区| 99久久99久久精品免费看蜜桃 | 亚洲AV日韩精品久久久久久| 四虎在线免费视频| 免费国产污网站在线观看不要卡| 亚洲人JIZZ日本人| 日本妇人成熟免费中文字幕| 成人精品国产亚洲欧洲| 亚洲av日韩av激情亚洲| 国产精品免费播放| 一级毛片免费不卡在线| 国产精品亚洲а∨天堂2021 |