清风的blog - Flexhttp://blog.careff.com/优然探索 - RainbowSoft Studio Z-Blog 2.2 Prism Build 140101zh-CNCopyright (C) 2008-2024 careff.com Inc.,All Rights Reserved. 雅虎统计 Tue, 09 Jun 2026 12:55:33 +0800Flex学习地址a@b.com (admin)http://blog.careff.com/post/282.htmlFri, 19 Feb 2010 10:27:35 +0800http://blog.careff.com/post/282.htmlhttp://blog.sina.com.cn/s/articlelist_1395085785_2_1.html

]]>Flexhttp://blog.careff.com/post/282.html#commenthttp://blog.careff.com/feed.asp?cmt=282使用 HTTPService 加载外部数据a@b.com (admin)http://blog.careff.com/post/281.htmlFri, 19 Feb 2010 10:24:42 +0800http://blog.careff.com/post/281.html

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:aral="*"
    creationComplete="photoService.send();"
    viewSourceURL="src/HTTPServiceConsumingFlickrRSSFeed/index.html">
    <!-- Model -->

   
    <!-- Define the HTTP service -->


    <mx:HTTPService
        id="photoService"
        url="http://api.flickr.com/services/feeds/photos_public.gne"
        resultFormat="e4x"
        result="photoResultHandler(event);"
        fault="photoFaultHandler(event);"
    />

   
    <!-- Controller -->
    <mx:Script>
        <![CDATA[
            import flash.net.navigateToURL;
            import mx.controls.Alert;
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;
           
            [Bindable]

            private var photoFeed:XML;
           
            // Define and use atom namespace.
            private namespace atom = "http://www.w3.org/2005/Atom";
            use namespace atom;
                       
            // The image URL is in the HTML content
            // so we have to parse it out.
            private function parseImageUrl(fromHtml:XMLList):String
            {

                var pattern:RegExp = /img src="(.+?)" /;
                var results:Array = pattern.exec(fromHtml);
                var imageURL:String = results[1]; // backreference 1 from pattern
               
                return imageURL;
            }

            // Result handler - gets called after RSS is loaded.
            private function photoResultHandler(event:ResultEvent):void
            {
                photoFeed = event.result as XML;
            }
           
            // Fault handler - displays the error.
            private function photoFaultHandler(event:FaultEvent):void
            {
                Alert.show(event.fault.message, "Could not load photo feed");
            }

            // Opens author's HTML page in external window.
            private function openAuthorPage(event:MouseEvent):void
            {
                var dataIndex:uint = Number(event.target.instanceIndices.toString());
                var urlRequest:URLRequest = new URLRequest(photoFeed.entry[dataIndex].author.uri)

                navigateToURL(urlRequest, "_blank");   
            }
        ]]>
    </mx:Script>

    <!-- View -->     

    <!-- Effects -->

    <mx:Fade id="fadeIn" duration="3000" alphaFrom="0" alphaTo="1"/>
    <mx:Fade id="fadeOut" duration="3000" alphaFrom="1" alphaTo="0"/>

    <!-- User Interface -->
    <mx:Panel title="Public photos" width="100%" height="100%">

       
        <mx:Tile width="100%" height="100%">           
            <mx:Repeater id="photos" dataProvider="{photoFeed.entry}">               
                <mx:VBox
                    xmlns:mx="http://www.adobe.com/2006/mxml"
                    horizontalAlign="center"
                >

                    <mx:Image
                        id="myImage"
                        source="{parseImageUrl(photos.currentItem.content)}"
                        completeEffect="{fadeIn}"
                    />

                                   
                    <mx:Text text="{photos.currentItem.title}"/>   
                    <mx:LinkButton
                        label="{photos.currentItem.author.name}"
                        click="openAuthorPage(event);"
                    />   
               
                </mx:VBox>   
               
            </mx:Repeater>

        </mx:Tile>
       
        <mx:ControlBar horizontalAlign="center">
            <mx:Button label="Update" click="photoService.send();"/>

        </mx:ControlBar>
       
    </mx:Panel>
   
</mx:Application>

 

]]>Flexhttp://blog.careff.com/post/281.html#commenthttp://blog.careff.com/feed.asp?cmt=281弹出按钮控件PopUpButtona@b.com (admin)http://blog.careff.com/post/280.htmlFri, 19 Feb 2010 10:23:27 +0800http://blog.careff.com/post/280.html<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

 

    <mx:Script>

        <![CDATA[

            import mx.controls.*;

            import mx.events.*;

 

            private var myMenu:Menu;

            // 初始化弹出按钮菜单

            private function initMenu():void {

                myMenu = new Menu();

                var dp:Object = [{label: "目录 1"}, {label: "目录 2"}, {label: "目录 3"}];       

                myMenu.dataProvider = dp;

                myMenu.selectedIndex = 0;

                myMenu.addEventListener("itemClick", itemClickHandler);

                popB.popUp = myMenu;

 

            }

 

            // 对菜单控件的itemClick事件的监听程序

            private function itemClickHandler(event:MenuEvent):void {

                var label:String = event.item.label;       

                popTypeB.text=String("所选菜单 " + label);

                popB.label=label;

                popB.close();

                myMenu.selectedIndex = event.index;

            }

        ]]>

    </mx:Script>

 

   

    <mx:Panel title="弹出按钮示例" height="75%" width="75%"

        paddingTop="10" paddingBottom="10" paddingRight="10" paddingLeft="10">

        <mx:PopUpButton id="popB" label="点击弹出按钮" creationComplete="initMenu();" width="135"/>

        <mx:Spacer height="80"/>

        <mx:TextArea height="28" id="popTypeB"/>

        

    </mx:Panel>

</mx:Application>

]]>Flexhttp://blog.careff.com/post/280.html#commenthttp://blog.careff.com/feed.asp?cmt=280进度条控件ProgressBara@b.com (admin)http://blog.careff.com/post/279.htmlFri, 19 Feb 2010 10:21:11 +0800http://blog.careff.com/post/279.html

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>

       <![CDATA[

           public function initImage():void {

              image1.load('happy.jpg');

           }

       ]]>

    </mx:Script>

    <mx:VBox id="vbox0">

       <mx:Canvas>

           <!--加载进程条到图像上-->

           <mx:ProgressBar width="500" source="image1"/>

       </mx:Canvas>

       <!--单击按钮执行初始化图像-->

       <mx:Button id="myButton" label="Show" click="initImage();"/>

       <!--显示的图片-->

       <mx:Image id="image1" autoLoad="false" visible="true" width="500"/>

    </mx:VBox>

</mx:Application>

]]>Flexhttp://blog.careff.com/post/279.html#commenthttp://blog.careff.com/feed.asp?cmt=279水平滑竿和垂直滑竿控件HSlider&amp;VSlidera@b.com (admin)http://blog.careff.com/post/278.htmlFri, 19 Feb 2010 10:07:10 +0800http://blog.careff.com/post/278.html

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>

       <![CDATA[

           private function formatFunction(item:Number):String {

               //格式化函数

           return "哈哈：" + item.toString();

           }

       ]]>

    </mx:Script>

    <mx:Panel id="panel" title="水平滑杆控件示例"

    paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"  backgroundColor="#FFFFFF" >

       

        <!--Track (滑杆) Thumb (指针) Tick (刻度) Label (刻度读数) dataTipOffset(显示tooltip提示信息的位置) -->

           <mx:HSlider width="300" trackSkin="assets.MySliderTrackSkin" sliderThumbClass="assets.MySliderThumb" borderColor="0xffffff" maximum="100" snapInterval="5" tickInterval="25" labels="[0,25,50,75,100]" value="25" dataTipOffset="-99999" liveDragging="true" dataTipFormatFunction="formatFunction"

       showTrackHighlight="true"

       trackHighlightSkin="@Embed('assets/hl.gif')"

       thumbUpSkin="@Embed('assets/01.jpg')"  

        thumbOverSkin="@Embed('assets/01.jpg')"  

        thumbDownSkin="@Embed('assets/01.jpg')" 

    />

      

    </mx:Panel>  

</mx:Application>]]>Flexhttp://blog.careff.com/post/278.html#commenthttp://blog.careff.com/feed.asp?cmt=278Flex文本编辑器a@b.com (admin)http://blog.careff.com/post/277.htmlFri, 19 Feb 2010 10:05:14 +0800http://blog.careff.com/post/277.html<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

    horizontalAlign="center" verticalAlign="middle">

 

    <mx:RichTextEditor id="rte" title="富文本编辑器" height="75%"

    text="在此编辑文本，然后单击不同按钮，将在文本区域显示不同的结果。"/>

 

    <mx:TextArea id="rteText" width="40%" height="25%"/>

 

    <mx:HBox>

        <mx:Button label="显示正常文本" click="rteText.text=rte.text;"/>

        <mx:Button label="显示HTML形式" click="rteText.text=rte.htmlText;"/>

    </mx:HBox>

 

</mx:Application>
 

]]>Flexhttp://blog.careff.com/post/277.html#commenthttp://blog.careff.com/feed.asp?cmt=277xml菜单a@b.com (admin)http://blog.careff.com/post/276.htmlFri, 19 Feb 2010 10:02:16 +0800http://blog.careff.com/post/276.html

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

    <mx:Script>

       <![CDATA[

           import mx.controls.Menu;

              // 创建和显示菜单

              private function createAndShow():void {

              // 创建菜单。第一项参数是所在的容器。第二项是菜单数据源。第三项是是否显示XML的根元素

              var myMenu:Menu = Menu.createMenu(null, myMenuData, false);

              myMenu.labelField="@label";

              myMenu.show(60, 60);

           }

       ]]>

    </mx:Script>

    <!-- 建立默认的菜单数据源 -->

    <mx:XML format="e4x" id="myMenuData">

       <root>

           <menuitem label="菜单项 A" >

              <menuitem label="子菜单项 A-1" enabled="False"/>

              <menuitem label="子菜单项 A-2"/>

           </menuitem>

           <menuitem label="菜单项 B" type="check" toggled="true"/>

           <menuitem label="菜单项 C" type="check" toggled="false"/>

           <menuitem type="separator"/>

           <menuitem label="菜单项 D" >

              <menuitem label="子菜单项 D-1" type="radio" groupName="one"/>

              <menuitem label="子菜单项 D-2" type="radio" groupName="one"

              toggled="true"/>

              <menuitem label="子菜单项 D-3" type="radio" groupName="one"/>

           </menuitem>

       </root>

    </mx:XML>

  <mx:Panel title="菜单控件示例" height="75%" width="75%"

      paddingTop="10" paddingLeft="10">

 

    <mx:VBox>

       <!-- 定义按钮控件，单击触发建立和打开菜单事件 -->

       <mx:Button id="myButton" label="Open Menu" click="createAndShow()"/>

    </mx:VBox>

  </mx:Panel>

</mx:Application>]]>Flexhttp://blog.careff.com/post/276.html#commenthttp://blog.careff.com/feed.asp?cmt=276弹出菜单按钮控件PopUpMenuBara@b.com (admin)http://blog.careff.com/post/275.htmlFri, 19 Feb 2010 10:00:34 +0800http://blog.careff.com/post/275.html

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>

        <![CDATA[

            import mx.events.*;

            import mx.controls.*;

           

            //事件函数，弹出提示窗口

            public function itemClickHandler(event:MenuEvent):void {

                Alert.show("菜单标签: " + event.label);

            }

        ]]>

    </mx:Script>

   

    <!-- 菜单数据源 -->

    <mx:XMLList id="treeDP">

        <node label="菜单A"/>

        <node label="菜单B">

            <node label="菜单B-1" data="6"/>

            <node label="菜单B-2"/>

        </node>

        <node label="菜单C"/>

    </mx:XMLList>

 

    <mx:Panel title="弹出菜单按钮控件示例" height="50%" width="50%"

        paddingTop="10" paddingLeft="10" paddingRight="10">

 

        <mx:PopUpMenuButton id="popbnt"

            dataProvider="{treeDP}"

            labelField="@label"

            itemClick="itemClickHandler(event);"/>

 

    </mx:Panel>

</mx:Application>

]]>Flexhttp://blog.careff.com/post/275.html#commenthttp://blog.careff.com/feed.asp?cmt=275列表控件Lista@b.com (admin)http://blog.careff.com/post/274.htmlFri, 19 Feb 2010 09:59:05 +0800http://blog.careff.com/post/274.html

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >

    <mx:Script>

    <![CDATA[

       public function changeEvt(event:flash.events.Event):void {

           forChange.text=event.target.selectedItem.label + " 价格： " +event.target.selectedItem.data;

       }

       public function myLabelFunc(item:Object):String {

           return item.label+"，价格： " + item.data + "元";

       }

    ]]>

    </mx:Script>

  

   <mx:Panel title="列表控件示例" height="50%" width="50%"

        paddingTop="10" paddingLeft="10" paddingRight="10">

        <mx:List width="150" height="100" change="changeEvt(event)"

           showDataTips="true" dataTipFunction="myLabelFunc">

           <mx:dataProvider>

              <mx:Object label="四书五经" data="120"/>

              <mx:Object label="资治通鉴" data="100"/>

              <mx:Object label="论语" data="150"/>

              <mx:Object label="诗经" data="160"/>

           </mx:dataProvider>

       </mx:List>

       <mx:TextArea id="forChange" width="150" />

    </mx:Panel>

</mx:Application>]]>Flexhttp://blog.careff.com/post/274.html#commenthttp://blog.careff.com/feed.asp?cmt=274排列列表控件TileLista@b.com (admin)http://blog.careff.com/post/273.htmlFri, 19 Feb 2010 09:57:16 +0800http://blog.careff.com/post/273.htmlMain.mxml

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

       layout="vertical"

       verticalAlign="middle"

       backgroundColor="white" viewSourceURL="srcview/index.html">

 

    <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="3"

           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"?>

<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"?>

 

<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>

]]>Flexhttp://blog.careff.com/post/273.html#commenthttp://blog.careff.com/feed.asp?cmt=273