壹咪陽光
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
主站蜘蛛池模板:
久久国产免费一区二区三区
|
男男gvh肉在线观看免费
|
国产啪精品视频网站免费尤物
|
亚洲人成人无码网www电影首页
|
四虎一区二区成人免费影院网址
|
国产成人3p视频免费观看
|
亚洲av无码专区国产不乱码
|
国产真实伦在线视频免费观看
|
精品久久久久久国产免费了
|
亚洲成人高清在线
|
成人在线免费视频
|
亚洲色精品aⅴ一区区三区
|
国产久爱免费精品视频
|
亚洲中文字幕无码久久精品1
|
精品国产麻豆免费人成网站
|
久久亚洲私人国产精品vA
|
h在线观看视频免费网站
|
国产亚洲中文日本不卡二区
|
国产亚洲精品免费视频播放
|
亚洲AV无码精品色午夜果冻不卡
|
精品一区二区三区无码免费视频
|
亚洲国产成人久久
|
午夜视频免费观看
|
free哆拍拍免费永久视频
|
亚洲国产精品无码中文字
|
99在线热视频只有精品免费
|
国产成人精品日本亚洲网址
|
国产国产人免费人成免费视频
|
最近免费字幕中文大全
|
亚洲小说图片视频
|
国产美女无遮挡免费视频网站
|
两性色午夜免费视频
|
国产精品亚洲午夜一区二区三区
|
免费国产成人午夜电影
|
久久午夜夜伦鲁鲁片免费无码
|
亚洲一卡2卡3卡4卡5卡6卡
|
亚洲精品tv久久久久
|
99久久精品国产免费
|
国产精品亚洲va在线观看
|
亚洲AV无码码潮喷在线观看
|
无码国产精品久久一区免费
|