<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

    生活保健

    解析文件

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 91在线免费视频| 亚洲一区免费在线观看| 亚洲午夜精品一区二区麻豆| 国产一区二区免费| 亚洲乱码日产一区三区| 中文字幕乱理片免费完整的| 亚洲自偷自偷图片| 大妹子影视剧在线观看全集免费| 亚洲免费在线观看| 国产精品成人啪精品视频免费| 亚洲国产精品狼友中文久久久| 日韩久久无码免费毛片软件 | 亚洲av无码成人精品区一本二本| 国产在线国偷精品产拍免费| 亚洲av无码专区亚洲av不卡| 免费大香伊蕉在人线国产| 免费在线观看亚洲| 中文字幕在亚洲第一在线| 成人毛片100免费观看| 亚洲精品无码久久久久去q| 一级毛片免费播放| 亚洲伊人久久大香线蕉| 亚洲人成色77777在线观看| 国产成人aaa在线视频免费观看 | 日韩免费视频一区| 黄页网站在线视频免费| 亚洲精品V欧洲精品V日韩精品 | 一级毛片aa高清免费观看| 亚洲欧洲美洲无码精品VA| 最近免费中文字幕大全免费 | 国产啪精品视频网站免费尤物| 亚洲三级电影网站| 在线观看人成视频免费| 一区二区三区在线免费| 国产亚洲3p无码一区二区| 无遮免费网站在线入口| 免费看一级毛片在线观看精品视频| 国产亚洲精久久久久久无码77777 国产亚洲精品成人AA片新蒲金 | 成在线人永久免费视频播放| 午夜不卡AV免费| 亚洲老熟女@TubeumTV|