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

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

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

    隨筆-124  評論-49  文章-56  trackbacks-0
    一切開始的地方
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Panel>
    <mx:TextArea text="Say hello to Flex!" />
    <mx:Button label="Close" />
    </mx:Panel>
    </mx:Application>
    1 頭兩行包含了版本號、編碼、以及命名空間的信息
    2 Flex 應用程序所有的具體內容都被放在<mx:Application>標簽對中
    3 在MXML 文件中的每個標簽都有前綴mx,它是Flex 的設計命名空間
    4 父標簽對中嵌套子標簽對,標簽是成對出現的

    連接數據

    Flex 應用程序不直接與數據庫進行連接,使用MXML 和ActionScript 代碼來操作和管理數據

    連接數據庫的第一步是生成將在Flex 程序中使用到的數據
    步驟:
    1. 創建一個數據庫(如MySQL)。
    2. 編寫腳本連接MySQL 數據庫并生成XML 格式的數據。

    (一)連接外部數據源

    對于 所生成的XML 格式數據,你可以使用HTTPService 組件來請求獲取數據
    例(php):
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:HTTPService
    id="productsRequest"
    url
    ="http://www.somesite.com/products.php" />
    HTTPService 組件定義了一個請求ID,你將使用這個ID 來控制提供數據的URL 或者
    服務器與數據之間的綁定。

    (二)外部數據與數據驅動控制的綁定

    通過數據與數據驅動控制(data-driven control)的綁定,你就可以處理HTTPService的結果(XML 數據),
    就象這樣:
    <mx:DataGrid x="20" y="80" id="productGrid" width="400"
    dataProvider
    ="{productRequest.lastResult.products.items}" >
    <mx:columns>
    <mx:DataGridColumn headerText="Name" dataField="name" />
    <mx:DataGridColumn headerText="Price" dataField="price" />
    </mx:columns>
    </mx:DataGrid>
    數據綁定的語法顯示在數據控制的dataProvider 屬性中(在波浪形的括號里),它包含了HTTPService 請求ID、
    lastResult 方法、以及XML 文件的數據結構。在這個例子中,XML數據源的數據結構看起來就象這樣:
    <XML>
    <products>
    <item>
    <name>Mobile Phone</name>
    <price>$199</price>
    </item>
    <item>
    <name>Car Charger</name>
    <price>$34</price>
    </item>

    </products>
    </XML>
    通過設置dataField 屬性,項目數據(name 和price)作為數據柵格中每一列的數據。

    (三)在運行時加載數據

    你還可以在Flex 程序開始運行時加載數據,就象隨后所示,在 HTTPService 中向某個特定的URL 發送一個請求:
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    creationComplete
    ="productsRequest.send()" >
    當你將creationComplete 方法添加到應用程序標簽里后,數據會在運行時進行加載并交于數據驅動控制(在這個例子中是數據柵格)。
    你還可以將HTTPService 請求添加到一個控制事件上而不是程序里的標簽中,就象如下所示:
    <mx:Button x="50" y="8" label="Get Data" click="productsRequest.send();" />
    Flex 提供許多方法去連接、管理、格式化、以及校驗數據。你可以通過使用遠程程序調用、數據服務、或者其它企業級技術來操縱和管理數據。

    Flex 應用程序設計界面布局

    1 通過設置組件的屬性值來控制Flex 應用程序的界面布局,就象如下所示:
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Panel layout="absolute" width="80%" height="80%">
    <mx:TextArea text="Say hello to Flex!" top="10" bottom="70" left="10"
    right
    ="30"/>
    <mx:Button label="Close" right="30" bottom="40"/>
    </mx:Panel>
    </mx:Application>
    許多容器組件都允許以絕對坐標的方式創建布局,這就意義著你可以使用精確的x 和y的坐標來放置組件。你還可以對應其父容器的相對位置來
    放置組件并約束它們,使它們在應用程序的界面放大或縮小時仍然保持其彼此的位置。
    2 使用風格和主題增強視覺方面的設計
    1)如果樣式/style 的屬性值沒有被指定,將由整個程序中運行的主題/theme 來進行控制。在默認情況下,Flex 應用程序使用Halo 主題
    2)創建主題

    posted on 2009-12-16 11:30 junly 閱讀(267) 評論(0)  編輯  收藏 所屬分類: other
    主站蜘蛛池模板: h视频在线免费看| 久久久久国色av免费看| 欧美a级在线现免费观看| 亚洲欧洲国产精品你懂的| 日本亚洲欧洲免费天堂午夜看片女人员| 国产线视频精品免费观看视频| 亚洲免费观看在线视频| 久久亚洲精品无码VA大香大香| 精品一区二区三区无码免费直播| 91精品免费高清在线| 337p欧洲亚洲大胆艺术| 4虎永免费最新永久免费地址| 亚洲精品无码激情AV| 国产日韩AV免费无码一区二区三区| 91精品免费在线观看| 久久影院亚洲一区| 免费观看91视频| 亚洲欧洲综合在线| 中文字幕视频在线免费观看| 免费理论片51人人看电影| 亚洲av无码一区二区三区网站| 国产成人综合亚洲绿色| 亚洲中文字幕日产乱码高清app| 亚洲国产精品精华液| 亚洲成a人片在线观看日本麻豆| 亚洲欧洲日本在线观看| 国产免费人人看大香伊| h片在线播放免费高清| 无码乱人伦一区二区亚洲一 | 亚洲美女一区二区三区| 在线观看日本免费a∨视频| 亚洲av成人无码网站…| 亚洲人成色77777| 免费无码肉片在线观看| 亚洲精品456在线播放| 日韩免费观看的一级毛片| 亚洲13又紧又嫩又水多| 一本久到久久亚洲综合| 久久A级毛片免费观看| 日韩毛片在线免费观看| 亚洲美女一区二区三区|