flex基本語法
絕大多數mxml標識符合as3.0規範,mxml檔案編譯產生的swf檔案包含相應的as物件。
as3.0是一種物件導向的語言,符合ecmascript第4版規範。
mxml檔案的命名規範:
1: 必須符合as的命名規範,以字母或下劃線開頭;
2 : 不得使用as的類名、元件id標識和命名空間的mxml標識作為檔名;
3 : 檔名必須用小寫的.mxml作為字尾名。
在mxml檔案中,元件的屬性使用和as類相同的命名約定,以小寫字母開頭,每個單詞的開頭字母大寫。你可以有兩種方式設定屬性的值:使用標記的屬性或者子節點標記。macromedia推薦使用標記的屬性來設定一般元件屬性,複雜的元件屬性用子節點來完成。mxml的元件屬性包含如下:
標量屬性(包括數字及字串)
如注意:屬性的值不能包含@符號
陣列屬性
<?xml version="1.0" encoding="utf-8"?>
14850
53402
指令碼物件
因為指令碼物件比較複雜,所以一般使用子節點的方式來設定屬性的值,如:
<
mynamespace
:mycomponent
>
2.<
mynamespace
:nameofproperty
>
3.<
objecttype
prop1
='val1'
prop2
='val2'
/>
4.mynamespace
:nameofproperty
>
5.mynamespace
:mycomponent
>
指令碼物件陣列
<
mynamespace
:mycomponent
>
2.<
mynamespace
:dataprovider
>
3.<
mx:array>
4.<
mynamespace
:listitem
label
='one'
data
='1'
/>
5.<
mynamespace
:listitem
label
='two'
data
='2'
/>
6.mx:array>
7.mynamespace
:dataprovider
>
8.mynamespace
:mycomponent
>
xml資料
樣式屬性
主要進行元件的樣式控制,如
textareaid=
'mytext'
text
='hello
world'
fontfamily
='tahoma'
/>
2.//和下面的as**是等效的
3.mytext
.text
='hello
world';
4.mytext
.setstyle
('fontfamily'
,'tahoma');
編譯標記
編譯標記並不直接對應
as類或其屬性,主要有: 1.
binding
>
2.effect
>
3.model
>
4.script
>
5.style
>
6.metadata
>
7.operation
>
8.request
>
9.method
>
10.arguments
>
注意編譯標記的大小寫
flex語法摘要
容器的屬性 名稱 值 flex direction 方向 flex wrap 是否換行 justify content 間隔方式 align items 對齊方式 align content 多軸線對齊方式 row 預設值 主軸為水平方向,起點在左端 nowrap 預設 不換行 flex start...
Flex精華摘要 5 使用樣式和字型
flex 所支援的樣式比 flash 要豐富,樣式定義的方法也很多。這也是 flex 比flash 要強大 適合網頁開發的地方之一。樣式定義型別 1.外部樣式表 style source css mystyle.css 1.flex 會呼叫全域性樣式表 global.css 該全域性樣式表由 fle...
Flex布局語法
flex 是 flexible box 的縮寫,意為 彈性布局 用來為盒狀模型提供最大的靈活性。任何乙個容器都可以指定為 flex 布局。box 行內元素也可以使用 flex 布局。box webkit 核心的瀏覽器,必須加上 webkit字首。box 注意,設為 flex 布局以後,子元素的flo...