flash builder 4

8/6/2019 Flash Builder 4

1/13

2.2.1

I. Cc Control thng dngControl l cc thnh phn giao din ngi dng. Cc control c t trong

cc container, cng l cc thnh phn giao din ngi dng. Cc container cung cp

mt cu trc phn cp c dng cha cc control v cc container khc.

Giao Din S Dng Control


2/13

1. Label: Ch hin th mt dng n trong mt on Text khng nhiu dng.Cc thuc tnh: Size

Characteristic Mu tDefault size( kch thc mc nh) Chiu rng v cao cho dng vn bn

Minimum size 0 pixelsMaximum size 10000 by 10000 pixels

2. Text: Hin th nhiu dng ca mt on vn bn. S dng Control Labelnu cn mt dng vn bn. Vic iu khin vn bn khng h tr thanh

cun. Nu bn cn di chuyn, bn nn s dng Control TextArea v n

khng th chnh sa.

3. TextInput: L mt trng nhp mt dng vn bn n4. TextArea: L mt trng vn bn nhiu dng vi khung v thanh cun.

bn c th thit lp mt iu khin TextArea ch c th c khng cho

php chnh sa cc vn bn.

5. Button: l mt nt hnh ch nht thng c s dng. iu khin thngqua nhn nt. Chng c th c mt nhn, biu tng, hoc c hai. Cc s

kin ca Button: mouseMove, mouseOver, mouseOut, rollOver, rollOut,

mouseDown, and mouseUp


3/13

V d Text_control.mxml

II. Thnh phn LayoutThit k cc k thut b tr d dng xy dng giao din ngi s dng tt v cquy m ph hp nh vng hin th ca ng dng Flash c thu nh.


4/13

1. ContainerMt container c nh ngha l mt vng hnh ch nht c v trn b mt

Adobe Flash Player. Cc control v cc container khc c cha trong container.

Ti gc ca ng dng Flash Builder l mt container c gi l Application

Container.

V d: iu khin ngdngs dngcontainer vidu.mxml


5/13

Code hin th:

V d trn cha s dng canh trang Web theo chi u ngang hoc dc.

Trng hp trn s dng canh trang theo chi u dc.

2. VBox ( Vertic l) : Thi t k trang web hi n ththeo chi u dcThiennhien_VBox.mxml


6/13

Trng hp trn s dng canh trang theo chiu dc.

Code hi n th:

3. HBox ( Vertical : Thit k trang web hin th theo chiu ngang

Thiennhien_HBox.mxml


7/13

Trng hp trn s dng canh trang theo chiu ngang.

Code hi n th:


8/13

Trng hp trn s dng canh trang theo kt hp chiu ngang v dc.

Code hi n th:

4. Canvas: Canvas l container ch cho php bn xc nh r rng v tr ca container controng n. i tng Canvas ch c mt gi tr Layout l absolute . Chng ta c th s dngthuc tnh x v y ca thnh phn con c Layout hon ho.


9/13

5. Panel: Cc container Panel bao gm mt thanh tiu , mt ch thch, mt trng thi tinnhn, mt khung vin, v mt phn cha ni dung th con. Bn c th s dng container

Panel cha cc module ng dng c lp.

Bn c th iu khin c s hin th mn hnh bng cch s dng cc thuc tnh Layout

thit lp theo chiu dc (mc nh), ngang, hoc tuyt i( absoute). Mi th con ca n

cn phi thit lp x v y v tr khi s dng mt b tr tuyt i


10/13

Panel.mxml

Codehin th:

6. Tab: i khi bn c ni dung nhiu hn bn c th b tr ph hp trn mn hnh. V vybn cn mt s cch cho php ngi dng iu hng xung quanh cc nhm ni dung.

Flex cung cp mt s gii php l hai trong s : cc tab v accordions, n s th hin

y.


11/13

Tab.mxml

Code hi n th:

7. Accordions


12/13

Code hi n th:

8. Menu


13/13

flash builder 4

Documents