深深吸引我的Flex

       前两天在cnblog上看到一个关于Flex的贴子，没想到出于好怪心试用了一下确被它深深地吸引了。无论是UI美观上或数据交换上都让我感觉非常不错，提供了remoting, HTTPService, WebService等组件灵活地和其他平台进行数据交换；基于动态类型的脚本使用起来也很方便。Flex Builder2提供帮助文档也非常不错，可惜全是英文看得比较辛苦（本人英文水平差）

       大概花了一天的时间使用了一下，其实使用也很简单。分别写了一些使用HTTPService和WebService的例子。不过下面介绍的是如果建立一个美观的DropDownList，先看一下效果图：

Flex提供的控件模型在建立这些组合控件时非常简单（可以说简单到你不信）。看下整个mxml文件的代码：

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

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

        <mx:Script>

        <![CDATA[

               import mx.rpc.soap.WebService;

               import mx.rpc.http.HTTPService;

          

            public var initDG:Array = [

                {Artist:'Pavement', Album:'Slanted and Enchanted', Price:11.99},

                {Artist:'Pavement', Album:'Brighten the Corners', Price:11.99}

            ];

           

            function OnInit():void

            {

                   removeChild(myGrid);

                   SelectItem.popUp=myGrid;

                  

            }

            function ItemChange():void

            {

                   SelectItem.label= myGrid.selectedItem.Album;

            }

        ]]>

    </mx:Script>

 

    <mx:DataGrid id="myGrid" dataProvider="{initDG}"  x="10" y="40"  change="ItemChange()" width="326" height="126">   

        <mx:columns>

            <mx:DataGridColumn dataField="Artist"/>

            <mx:DataGridColumn dataField="Album"/>

            <mx:DataGridColumn dataField="Price"/>

        </mx:columns>   

    </mx:DataGrid>  

    <mx:PopUpButton x="10" y="10" id="SelectItem"/>

 

</mx:Application>

 

实上可以通过HTTPService,WebService等组件和数据库数据进行绑定，还可以加上灵活的数据过虑功能。

有时间写一些关于如果调用WebService进行数据查询，并绑定显示结果。

如果对Flex有兴趣的朋友可以了解一下，不会花太长时间就会有收获。