Flex精華摘要 基本語法

2021-05-02 01:26:15 字數 2535 閱讀 5580

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...