壹咪陽光
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選擇器 (詳解)[轉] (103943)
2.?jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中(22176)
3.?Java 7七大新功能預覽(16850)
4.?給Dreamweaver安裝jQuery插件jQuery_API.mxp(16405)
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
主站蜘蛛池模板:
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片无码视频吃奶
|