Flex各种超酷实例代码大全Word文档下载推荐.docx

Flex各种超酷实例代码大全Word文档下载推荐.docx

《Flex各种超酷实例代码大全Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《Flex各种超酷实例代码大全Word文档下载推荐.docx（122页珍藏版）》请在冰豆网上搜索。

11.@namespaces"

12.@namespacemx"

13.

14.global{

15.color:

red;

16.fontStyle:

italic;

17.fontWeight:

bold;

18.}

19.

20.s|Button{

21.baseColor:

haloOrange;

22.}

23.

24.mx|Button{

25.baseColor:

haloGreen;

26.}

27.<

/fx:

28.

29.<

VGrouphorizontalCenter="

0"

verticalCenter="

30.<

Buttonlabel="

I'

maSparkButton"

/>

31.<

mx:

maHaloButton"

32.<

HRulewidth="

100%"

33.<

TextInputtext="

maSparkTextInput"

34.<

maHaloTextInput"

35.<

VGroup>

36.

37.<

RichEditableTextid="

sdkVer"

38.editable="

false"

39.initialize="

sdkVer.text=mx_internal:

:

VERSION;

"

40.bottom="

10"

41.right="

42.

43.<

Application>

Flex4中如何创建头部背景为图片的Accordion的例子

下面是完整代码（或点击这里察看）：

Halo_Accordion_headerStyleName_skin_test"

6.

8.@namespaces"

9.@namespacemx"

10.

11..accordionHeaderStyles{

12.skin:

ClassReference（"

skins.CustomAccordionHeaderSkin"

）;

13.}

14.<

15.

16.<

Accordionid="

accordion"

17.headerStyleName="

accordionHeaderStyles"

18.width="

80%"

height="

19.horizontalCenter="

20.<

VBoxlabel="

Red"

21.<

Orange"

22.<

Yellow"

23.<

Green"

24.<

Blue"

25.<

/mx:

Accordion>

26.

下面为skins/CustomAccordionHeaderSkin.mxml的代码:

SparkSkinname="

CustomAccordionHeaderSkin"

5.minWidth="

21"

minHeight="

6.alpha.disabled="

0.5"

!

--states-->

states>

9.<

Statename="

up"

over"

11.<

down"

12.<

disabled"

13.<

selectedUp"

selectedOver"

15.<

selectedDown"

selectedDisabled"

17.<

18.

19.<

--layer1:

fill-->

Rectleft="

1"

right="

top="

bottom="

alpha="

0.6"

fill>

BitmapFillsource="

@Embed（'

assets/pattern_147.gif'

）"

Rect>

25.

26.<

--layer2:

filllowlight-->

9"

28.<

LinearGradientrotation="

90"

GradientEntrycolor="

black"

0.0099"

0.0627"

LinearGradient>

35.

36.<

--layer3:

fillhighlight-->

38.<

39.<

SolidColorcolor="

white"

40.alpha="

0.33"

41.alpha.over="

0.22"

42.alpha.down="

0.12"

44.<

45.

46.<

--layer4:

highlightstroke（allstatesexceptdown）-->

47.<

excludeFrom="

48.<

stroke>

49.<

LinearGradientStrokerotation="

50.<

alpha.over="

51.<

0xD8D8D8"

52.<

LinearGradientStroke>

53.<

54.<

55.

56.<

--layer5:

highlightstroke（downstateonly）-->

57.<

width="

includeIn="

58.<

59.<

0.07"

60.<

61.<

62.<

Rectright="

63.<

64.<

65.<

66.<

67.<

68.<

69.<

0.25"

70.<

71.<

72.<

2"

73.<

74.<

0.09"

75.<

76.<

77.

78.<

--layer6:

border-->

79.<

69"

20"

80.<

81.<

SolidColorStrokecolor="

0x696969"

82.alpha="

83.alpha.over="

84.alpha.down="

85.<

86.<

87.

88.<

SparkSkin>

Flex4中如何创建自定义Accordion头部的例子

接下来的例子演示了Flex4中如何通过自定义Skin，创建自定义Accordion头部。

Accordion_SparkSkin_headerStyleName_skin_test"

8..customAccordionHeadStyles{

9.skin:

10.}

12.

14.headerStyleName="

customAccordionHeadStyles"

15.left="

Texttext="

Panel1"

18.<

VBox>

Panel2"

Panel3"

Panel4"

Panel5"

32.

下面是skins/CustomAccordionHeaderSkin.mxml的代码：

23.color.up="

red"

24.color.over="

haloOrange"

25.color.down="

yellow"

26.color.selectedUp="

haloGreen"

27.color.selectedOver="

haloBlue"

28.color.selectedDown="

purple"

31.

0x000000"

40.<

41.

42.<

45.<

0xFFFFFF"

46.alpha="

47.alpha.over="

48.alpha.down="

51.

55.<

61.

77.<

82.<

83.

84.<

87.<

88.alpha="

89.alpha.over="

90.alpha.down="

91.<

92.<

93.

94.<

Flex4中如何创建去除下拉阴影效果Alert的例子

接下来的例子演示了Flex4中如何通过borderSkin样式，去掉Alert的下拉阴影效果。

Halo_Alert_borderSkin_test2"

11.mx|Alert{

12.borderSkin:

skins.CustomPanelBorderSkin"

Script>

[CDATA[

18.importmx.controls.Alert;

20.protectedfunctionbtn_click（evt:

MouseEvent）:

void{

21.Alert.show（"

Thequickbrownfoxjumpsoverthelazydog."

"

Alerttitle"

23.]]>

ApplicationControlBarwidth="

cornerRadius="

Buttonid="

btn"

28.label=