壹咪陽光
BlogJava
首頁
新隨筆
聯系
聚合
管理
隨筆-124 評論-49 文章-56 trackbacks-0
flex初步認識
一切開始的地方
<?
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
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發表評論。
網站導航:
博客園
IT新聞
Chat2DB
C++博客
博問
管理
相關文章:
開源框架Pushlet入門
dreamweaver cs4 許可證過期的解決辦法
相關blog
xp下php環境配置
flex初步認識
log4j基礎
junit
<
2009年12月
>
日
一
二
三
四
五
六
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
常用鏈接
我的隨筆
我的評論
我的參與
最新評論
留言簿
(4)
給我留言
查看公開留言
查看私人留言
隨筆分類
ajax/jquery/js(23)
freemark/velocity(7)
hibernate/orm(20)
ide(5)
java(31)
jdbc/jndi(4)
jsp/servlet(17)
oracle/mysql/sql(12)
OS(2)
other(7)
spring(4)
struts2/struts1.3/JSF(34)
tomcat/jboss/weblogic(8)
xml/xsl/dtd/scherma
隨筆檔案
2011年5月 (3)
2011年3月 (1)
2010年11月 (1)
2010年8月 (2)
2010年7月 (8)
2010年6月 (3)
2010年5月 (2)
2010年4月 (5)
2010年3月 (1)
2010年2月 (6)
2010年1月 (7)
2009年12月 (11)
2009年11月 (110)
2009年10月 (20)
收藏夾
freemard(2)
other
ajax-js
facebox
flex
flex2
IBM中國- Java 技術
java2000
Java學習室
Java開源大全
linux 命令全集
Matrix 與Java共舞
tomcat中文網
web game
技術文檔
永遠的nuix
腳本之家
文章
Java API
JavaTM 2 Platform Standard Edition 5.0
URLRewriter
慎用url重寫
搜索
最新評論
1.?re: Java 7七大新功能預覽[未登錄]
shit@fa
--xxx
2.?re: 給Dreamweaver安裝jQuery插件jQuery_API.mxp
@12
想進來看看啊,不知道字數夠不夠
--文君
3.?re: jQuery-強大的jQuery選擇器 (詳解)[轉]
評論內容較長,點擊標題查看
--zuidaima
4.?re: hibernate基礎-Session_Flush
你怎么查到的>?>
--rejk
5.?re: jQuery-強大的jQuery選擇器 (詳解)[轉]
不錯,閱讀體驗很好。內容很充實
--化緣北辰
閱讀排行榜
1.?jQuery-強大的jQuery選擇器 (詳解)[轉] (103941)
2.?jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中(22176)
3.?Java 7七大新功能預覽(16849)
4.?給Dreamweaver安裝jQuery插件jQuery_API.mxp(16404)
5.?開源框架Pushlet入門(6179)
評論排行榜
1.?jQuery-強大的jQuery選擇器 (詳解)[轉] (11)
2.?Java 7七大新功能預覽(9)
3.?給Dreamweaver安裝jQuery插件jQuery_API.mxp(5)
4.?米struts2的用戶請注意這個超級安全漏洞(3)
5.?dreamweaver cs4 許可證過期的解決辦法(3)
Powered by:
博客園
模板提供:
滬江博客
Copyright ©2025 junly
主站蜘蛛池模板:
h视频在线免费看
|
久久久久国色av免费看
|
欧美a级在线现免费观看
|
亚洲欧洲国产精品你懂的
|
日本亚洲欧洲免费天堂午夜看片女人员
|
国产线视频精品免费观看视频
|
亚洲免费观看在线视频
|
久久亚洲精品无码VA大香大香
|
精品一区二区三区无码免费直播
|
91精品免费高清在线
|
337p欧洲亚洲大胆艺术
|
4虎永免费最新永久免费地址
|
亚洲精品无码激情AV
|
国产日韩AV免费无码一区二区三区
|
91精品免费在线观看
|
久久影院亚洲一区
|
免费观看91视频
|
亚洲欧洲综合在线
|
中文字幕视频在线免费观看
|
免费理论片51人人看电影
|
亚洲av无码一区二区三区网站
|
国产成人综合亚洲绿色
|
亚洲中文字幕日产乱码高清app
|
亚洲国产精品精华液
|
亚洲成a人片在线观看日本麻豆
|
亚洲欧洲日本在线观看
|
国产免费人人看大香伊
|
h片在线播放免费高清
|
无码乱人伦一区二区亚洲一
|
亚洲美女一区二区三区
|
在线观看日本免费a∨视频
|
亚洲av成人无码网站…
|
亚洲人成色77777
|
免费无码肉片在线观看
|
亚洲精品456在线播放
|
日韩免费观看的一级毛片
|
亚洲13又紧又嫩又水多
|
一本久到久久亚洲综合
|
久久A级毛片免费观看
|
日韩毛片在线免费观看
|
亚洲美女一区二区三区
|