<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
    主站蜘蛛池模板: AV激情亚洲男人的天堂国语| 亚洲国产精品一区二区第四页| 无码 免费 国产在线观看91| 91亚洲国产成人久久精品网址| 国产亚洲精品a在线无码| 国产特级淫片免费看| 亚洲AV无码一区二区大桥未久 | 四虎影视久久久免费观看| 精品久久久久久亚洲精品| 久久久婷婷五月亚洲97号色| 亚洲色偷拍区另类无码专区| 国产成人免费福利网站| 久久WWW免费人成人片| 免费VA在线观看无码| 亚洲精品久久久久无码AV片软件| 亚洲第一区视频在线观看| 亚洲AV日韩AV永久无码免下载| 久久亚洲国产成人精品无码区| 免费jjzz在在线播放国产| 在线免费观看毛片网站| 最近2019中文字幕mv免费看| 日日麻批免费40分钟日本的| 97青青草原国产免费观看| 日本不卡免费新一区二区三区| 你好老叔电影观看免费| 国产精品永久免费视频| 久久WWW免费人成—看片| 一级毛片免费播放男男| 精品无码一级毛片免费视频观看| fc2免费人成在线视频| 久久99久久成人免费播放| 久久久WWW成人免费精品| 国产99视频精品免费视频76| 黄色视屏在线免费播放| 怡红院免费的全部视频| 久9久9精品免费观看| 99热这里只有精品免费播放| 91免费在线播放| 一个人在线观看视频免费| 免费毛片在线播放| 免费看成人AA片无码视频吃奶|