flash builder 4
TRANSCRIPT
-
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
-
8/6/2019 Flash Builder 4
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
-
8/6/2019 Flash Builder 4
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.
-
8/6/2019 Flash Builder 4
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
-
8/6/2019 Flash Builder 4
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
-
8/6/2019 Flash Builder 4
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
-
8/6/2019 Flash Builder 4
7/13
Trng hp trn s dng canh trang theo chiu ngang.
Code hi n th:
-
8/6/2019 Flash Builder 4
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.
-
8/6/2019 Flash Builder 4
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
-
8/6/2019 Flash Builder 4
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.
-
8/6/2019 Flash Builder 4
11/13
Tab.mxml
Code hi n th:
7. Accordions
-
8/6/2019 Flash Builder 4
12/13
Code hi n th:
8. Menu
-
8/6/2019 Flash Builder 4
13/13