隨筆:12 文章:3 評論:69 引用:0
小胖&大胖
Art is long , and time is fleeting.
首頁
發新文章
聯系
聚合
管理
Flex學習筆記(一)
Flex簡介
Adobe® Flex® 3 是用于構建和維護在所有主要瀏覽器、桌面和操作系統一致地部署的極具表現力的 Web 應用程序的高效率的開放源碼框架。
---Adobe
如果讓我來形容的話,只有一句話說"Flex is the future!"。
FB的安裝我就不說了,可以直接從adobe網站上下載,然后從下面找個號碼注冊一下就歐了。
1377-4364-8105-1017-5779-4100
1377-4864-2155-4708-3713-2066
1377-4561-2389-2527-0543-9076
1377-4167-2588-8404-4842-4168
1377-4469-0634-7084-5700-9553
一、Flex基礎
1)Flex程序一般是由mxml文件,as文件(actionScript文件),css文件組成的。
2)通過mxml文件(mx:application)來調用as文件和css文件。
3)mxml文件的命名規則
①mxml區分大小寫。
②mxml文件名不能用"Application"命名(application倒是可以使用)。
③mxml文件名不能和程序中任何一個組件的ID的名字相同。
比如有一個名叫test.mxml的文件,它的代碼如下
1
<?
xml version="1.0" encoding="utf-8"
?>
2
<
mx:Application
xmlns:mx
="http://www.adobe.com/2006/mxml"
layout
="absolute"
>
3
<
mx:Button
name
="applications"
id
="test"
/>
4
</
mx:Application
>
報出一個error:
1
'test': identifier and class may not have the same name.
二、MXML文件結構
1)先看一個最簡單的mxml文件
1
<?
xml version="1.0" encoding="utf-8"
?>
2
<
mx:Application
xmlns:mx
="http://www.adobe.com/2006/mxml"
layout
="absolute"
>
3
</
mx:Application
>
①version:聲明xml語法的版本號。
②encoding:聲明xml的字符集。
③mx:Application:文件主入口的標志,一個工程可以有多個mxml,但只能有一個mx:Application。
④xmlns:mx:定義了xml的命名空間。
我們打開Flex builder\sdks\3.0.0\frameworks\flex-config.xml,看到這樣一段話
1
<
namespaces
>
2
<!--
Specify a URI to associate with a manifest of components for use as MXML
-->
3
<!--
elements.
-->
4
<
namespace
>
5
<
uri
>
http://www.adobe.com/2006/mxml
</
uri
>
6
<
manifest
>
mxml-manifest.xml
</
manifest
>
7
</
namespace
>
8
</
namespaces
>
可以看到flex通過
http://www.adobe.com/2006/mxml
這個資源標識符,對應了一個xml文件
我們打開同一目錄下的mxml-manifest.xml文件,里面列出了mxml中所有標簽以及與其相關聯的類。
1
<
componentPackage
>
2
3
<!--
airframework
-->
4
<
component
id
="FileSystemComboBox"
class
="mx.controls.FileSystemComboBox"
/>
5
<
component
id
="FileSystemDataGrid"
class
="mx.controls.FileSystemDataGrid"
/>
6
。。。。。。
7
8
</
componentPackage
>
9
⑤layouy:定義了頁面的布局方式。'absolute'表示使用絕對位置,它內部包含的所有子元素都是通過x,y坐標來定位布局的。
三、MXML組件學習
1)mxml組件按照它的作用和功能可以分為三大類
①容器類(提供頁面布局)
②導航類(菜單,導航器等)
③交互類(button,checkbox等)
2)自定義組件的訪問
語法格式如下:
自定義組件所在的命名空間:自定義組件名(mxml文件名)
eg.我們來聲明一個名叫"test.xml"的自定義組件,代碼如下
1
<?
xml version="1.0" encoding="utf-8"
?>
2
<
mx:Button
xmlns:mx
="http://www.adobe.com/2006/mxml"
/>
3
然后我們在主mxml中調用它
1
<?
xml version="1.0" encoding="utf-8"
?>
2
<
mx:Application
xmlns:mx
="http://www.adobe.com/2006/mxml"
layout
="absolute"
xmlns:buttons
="*"
>
3
<
buttons:test
/>
4
</
mx:Application
>
四、ActionScript文件
1)所有mxml文件經過編譯后,都會編譯成as文件。
2)mxml文件中通過<mx:Script>標簽來訪問內部as代碼塊。不過在xml中'<'和'&'是禁止使用的。所以應該用如下的方式訪問
1
<
mx:Script
>
2
<![CDATA[
3
4
5
]]>
6
</
mx:Script
>
3)訪問外部的ActionScript文件
1
<
mx:Script
source
="XXXX.as"
/>
4)關于注釋
1
<?
xml version="1.0" encoding="utf-8"
?>
2
<
mx:Application
xmlns:mx
="http://www.adobe.com/2006/mxml"
layout
="absolute"
xmlns:buttons
="*"
>
3
<
buttons:test
/>
4
<
mx:Script
>
5
<![CDATA[
6
// 單行注釋
7
/*
8
多行注釋
9
*/
10
]]>
11
</
mx:Script
>
12
<!--
MXML注釋
-->
13
</
mx:Application
>
進入下一章《 Flex學習筆記(二) 》
好了,第一章先到這里吧,有不對的地方歡迎大家指摘問題。
2008年7月20日22:59:59
Alps Wong
發表于 2008-07-20 22:59
Alps Wong
閱讀(3269)
評論(11)
編輯
收藏
所屬分類:
Flex
評論
#
re: Flex學習筆記(一)
很好,期待閱讀你的后續文章
softwave
評論于 2008-07-20 23:36
回復
更多評論
#
re: Flex學習筆記(一)
不錯,支持個先。
久城
評論于 2008-07-21 08:00
回復
更多評論
#
re: Flex學習筆記(一)
你好,文章看過,很不錯哦。
我能不能轉載啊?
shellway
評論于 2008-07-21 09:07
回復
更多評論
#
re: Flex學習筆記(一)
@shellway
Enjoy it! ^_^
Alps
評論于 2008-07-21 09:54
回復
更多評論
#
re: Flex學習筆記(一)
寫的好,想請教下Flex主要應用在什么場景?樓主使用Flex開發的web application會不會覺得存在Performance問題?
ANTI CPC
評論于 2008-07-21 11:22
回復
更多評論
#
re: Flex學習筆記(一)
@ANTI CPC
性能確實是一個瓶頸,不過有很多辦法來優化我們的程序。
您可以看一下這篇文章,寫的很不錯。^_^
http://wmcai.blog.163.com/blog/static/480242007824431259/
Alps
評論于 2008-07-21 11:32
回復
更多評論
#
re: Flex學習筆記(一)
謝謝樓主。
ANTI CPC
評論于 2008-07-21 12:20
回復
更多評論
#
re: Flex學習筆記(一)
great!
I,m learning flex,too.
guest
評論于 2008-07-21 22:23
回復
更多評論
#
re: Flex學習筆記(一)
很好,學習中......
藍雪沙
評論于 2008-07-23 22:27
回復
更多評論
#
re: Flex學習筆記(一)[未登錄]
很清晰 易懂 謝謝了
snail
評論于 2009-01-17 19:52
回復
更多評論
#
re: Flex學習筆記(一)
寫的非常好,言簡意賅,通俗易懂,非常適合入門.
一江東水
評論于 2013-10-24 10:18
回復
更多評論
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發表評論。
網站導航:
博客園
IT新聞
Chat2DB
C++博客
博問
管理
相關文章:
Flex學習筆記(五)
Flex學習筆記(四)
Flex學習筆記(三)
Flex學習筆記(二)
Flex學習筆記(一)
CALENDER
<
2013年10月
>
日
一
二
三
四
五
六
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
公告
靜 水 流 深
留言簿
(5)
給我留言
查看公開留言
查看私人留言
隨筆分類
Cloud(2)
(rss)
Extjs(3)
(rss)
Flex(5)
(rss)
Linux(3)
(rss)
Open Source(2)
(rss)
隨筆檔案
2011年8月 (3)
2010年9月 (2)
2009年6月 (1)
2009年4月 (1)
2009年3月 (2)
2008年8月 (2)
2008年7月 (4)
文章分類
Ext
(rss)
Flex
(rss)
Open Source
(rss)
Struts2.0
(rss)
最新評論
1.?re: Flex學習筆記(三)
675210029@qq.com
Thanks a lot!
--Eons
2.?re: Flex學習筆記(三)
michaelcrystallee@126.com
--crystallee
3.?re: Extjs 初探(1)[未登錄]
sw
--aa
4.?re: Flex學習筆記(一)
寫的非常好,言簡意賅,通俗易懂,非常適合入門.
--一江東水
5.?re: Flex學習筆記(三)
樓主,很好的學習筆記,太感謝,能夠將您做的東東給我發一份?謝謝。
--ht
閱讀排行榜
1.?Mantis安裝及配置手順(10125)
2.?Flex學習筆記(二)(4623)
3.?Flex學習筆記(四)(4490)
4.?Extjs 初探(2)(4318)
5.?Extjs 初探(1)(3627)
評論排行榜
1.?Flex學習筆記(三)(40)
2.?Flex學習筆記(一)(11)
3.?Mantis安裝及配置手順(6)
4.?Flex學習筆記(二)(4)
5.?Flex學習筆記(五)(3)
Powered By:
博客園
模板提供
:
滬江博客
主站蜘蛛池模板:
亚洲欧美日韩中文字幕在线一区
|
亚洲日韩在线第一页
|
亚洲成人网在线观看
|
在线观看www日本免费网站
|
精品亚洲A∨无码一区二区三区
|
黄色视屏在线免费播放
|
亚洲午夜久久久久久久久电影网
|
精品国产污污免费网站
|
亚洲色WWW成人永久网址
|
91在线免费视频
|
亚洲A∨无码无在线观看
|
久久免费动漫品精老司机
|
91久久亚洲国产成人精品性色
|
丝袜足液精子免费视频
|
亚洲国产成人精品无码区在线观看
|
日本在线免费播放
|
亚洲狠狠ady亚洲精品大秀
|
无码人妻久久一区二区三区免费丨
|
亚洲大成色www永久网址
|
日本特黄a级高清免费大片
|
无忧传媒视频免费观看入口
|
久久乐国产精品亚洲综合
|
永久免费不卡在线观看黄网站
|
亚洲精品在线网站
|
日韩免费观看一级毛片看看
|
色多多www视频在线观看免费
|
曰韩亚洲av人人夜夜澡人人爽
|
中日韩亚洲人成无码网站
|
国产99视频免费精品是看6
|
a视频免费在线观看
|
亚洲丰满熟女一区二区v
|
免费无码又爽又刺激毛片
|
久久99精品免费一区二区
|
亚洲白色白色永久观看
|
国产无遮挡裸体免费视频
|
亚洲一区二区三区在线观看蜜桃
|
日韩在线免费电影
|
一级毛片免费不卡在线
|
337p日本欧洲亚洲大胆人人
|
最新亚洲人成网站在线观看
|
国产免费131美女视频
|