查看生成的頁(yè)面可以看到
Flex
不過(guò)通過(guò)服務(wù)器端的轉(zhuǎn)換把
xml
文件編譯成一個(gè)
SWF
文件顯示在網(wǎng)頁(yè)中（而且還不是顯示在屏幕中間）。如果熟悉樣式表的使用的話，
mxml
的屬性也很容易理解和掌握。
舉幾個(gè)例子，
Flex
頁(yè)面背景色是默認(rèn)的，想要更換的話，可以在
mx:Application
標(biāo)記中添加
1.
backgroundColor
=
'#ffffff'
?
也可以定義頁(yè)面
SWF
文件的大小
1.
width
=
'450'
?
height
=
'250'
我們要定義某個(gè)
UI
組件的
margin
屬性可以用
1.
marginTop
=
'10'
?
marginBottom
=
'10'
??
marginLeft
=
'10'
?
marginRight
=
'10'
更改文本輸入框的顏色和字體大小可以用
1.
color
=
'#6601D7'
?
fontSize
=
'24'
是否覺(jué)得和內(nèi)嵌式樣式表的書(shū)寫(xiě)方式非常接近呢？
Flex
對(duì)樣式表的支持彌補(bǔ)了
Flash
本身的缺陷，使得
Flex
作為網(wǎng)頁(yè)應(yīng)用的可能性變的可能。
另外一個(gè)好用的功能是通過(guò)數(shù)據(jù)綁定操作可以實(shí)現(xiàn)以前需要使用復(fù)雜的
JS
腳本才能完成的功能，的確值得贊揚(yáng)。
下面的例子實(shí)現(xiàn)了
list
組件和
textinput
組件之間的數(shù)據(jù)綁定
1.
<
mx
:List
?
id
=
'myList'
?
dataProvider
=
''
/>
2.
<
mx
:
TextInput
??
text
=
''
/>
界面的排版工作
Flex
又是如何完成的呢？
聰明的
MM
使用了
<mx:HBox>
和
<mx:VBox>
Flex
調(diào)用自定義組件的方式也非常簡(jiǎn)單，如同導(dǎo)入一個(gè)庫(kù)文件一樣，使用方式為：
1.
<
local
:
組件MXML文件名稱
/>
并且支持自己的命名空間
1.
xmlns
:
my
=
'containers.boxes.*'
?
posted on 2007-01-12 13:17
???MengChuChen 閱讀(171)
評(píng)論(0) 編輯 收藏 所屬分類:
flex2.0