自定义Flex的loading启动加载画面Word格式文档下载.docx
- 文档编号:19198055
- 上传时间:2023-01-04
- 格式:DOCX
- 页数:15
- 大小:22.68KB
自定义Flex的loading启动加载画面Word格式文档下载.docx
《自定义Flex的loading启动加载画面Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《自定义Flex的loading启动加载画面Word格式文档下载.docx(15页珍藏版)》请在冰豆网上搜索。
Preloader;
publicfunctionnPreloader()
super();
this._loader_mc=newLoaderMC()
this.addChild(this._loader_mc);
this._loader_mc.gotoAndStop(50)
}
publicfunctiongetbackgroundAlpha():
Number
return0;
publicfunctionsetbackgroundAlpha(value:
Number):
void
publicfunctiongetbackgroundColor():
uint
publicfunctionsetbackgroundColor(value:
uint):
publicfunctiongetbackgroundImage():
Object
returnnull;
publicfunctionsetbackgroundImage(value:
Object):
publicfunctiongetbackgroundSize():
String
publicfunctionsetbackgroundSize(value:
String):
publicfunctionsetpreloader(obj:
Sprite):
_preloader=objasPreloader;
_preloader.addEventListener(ProgressEvent.PROGRESS,progressEventHandler);
_preloader.addEventListener(FlexEvent.INIT_COMPLETE,initCompleteEventHandler);
publicfunctiongetstageHeight():
publicfunctionsetstageHeight(value:
publicfunctiongetstageWidth():
publicfunctionsetstageWidth(value:
publicfunctioninitialize():
_loader_mc.x=stage.stageWidth/2-_loader_mc.width/2;
_loader_mc.y=stage.stageHeight/2-_loader_mc.height/2;
privatefunctionprogressEventHandler(eo:
ProgressEvent):
_loader_mc.gotoAndStop(Math.round((eo.bytesLoaded/eo.bytesTotal)*100))
_loader_mc.show_txt.text=Math.round((eo.bytesLoaded/eo.bytesTotal)*100)+"
%"
privatefunctioninitCompleteEventHandler(eo:
FlexEvent):
void{
dispatchEvent(newEvent(Event.COMPLETE));
主文件:
<
?
xmlversion="
1.0"
encoding="
utf-8"
>
mx:
Applicationpreloader="
nPreloader"
creationComplete="
init()"
layout="
vertical"
xmlns:
mx="
>
Script>
!
[CDATA[
1.mp3"
privatevar_file:
]]>
/mx:
Buttonlabel="
Button"
/>
ComboBox>
Panelwidth="
250"
height="
200"
absolute"
Labeltext="
我们是Flex组件,hoho"
fontSize="
15"
Panel>
Application>
在Flex中设置进度条(ProgressBar)完成时效果的例子
[2008-03-1702:
18:
48|发布:
N神
]
字体大小:
大
|
中
小
下面的实例演示了如何设置进度条(ProgressBar)完成(100%)时的效果
效果演示:
点这里显示/隐藏媒体
doc/flex/ProgressBar_effects/main.swf
完整代码:
Applicationxmlns:
layout="
verticalAlign="
middle"
backgroundColor="
white"
privatevartimer:
Timer;
privatefunctioninit():
void{
timer=newTimer(10);
timer.addEventListener(TimerEvent.TIMER,timer_timer);
privatefunctiontimer_timer(evt:
TimerEvent):
progressBar.setProgress(progressBar.value+1,100);
privatefunctionprogressBar_complete(evt:
Event):
timer.stop();
privatefunctionresetProgressBar():
progressBar.setProgress(0,100);
progressBar.scaleX=1.0;
//100%
progressBar.scaleY=1.0;
progressBar.alpha=1.0;
privatefunctionplayProgressBar():
resetProgressBar();
timer.start();
Parallelid="
progressBar_completeEffect"
FadealphaTo="
0.0"
/>
ZoomzoomHeightTo="
0"
Parallel>
ApplicationControlBardock="
true"
Play"
click="
playProgressBar();
"
Reset"
ApplicationControlBar>
ProgressBarid="
progressBar"
complete="
progressBar_complete(event);
completeEffect="
{progressBar_completeEffect}"
mode="
manual"
labelPlacement="
center"
width="
80%"
height="
60%"
creationComplete="
init();
Flex中在表单(Form组件)上填加动画效果(Effect)
[2008-03-1300:
57:
14|发布:
下面的实例中,有一个表格(Form),这个Form有一个高级模式,当选择高级模式后会出现更多额外的文本框给用户填写。
就像下边演示中看到的一样,当你点击"
ToggleForm"
按钮时额外的文本框会显示或者隐藏
先看演示:
doc/flex/Effects_on_a_Form/main.swf
同样再加一个弹性效果:
)
doc/flex/Effects_on_a_Form/main2.swf
首先我们建立了一个privatebindable变量叫做"
advanced"
当点击"
Toggle"
按钮时这个值就会改变。
FormItem的visible和includeInLayout属性就绑定到这个advanced值上,前者负责显示和隐藏,后者负责计算位置,可以看一下文档:
要注意的是Effect是放在FormItem中的。
完整代码在下边:
Application
xmlns:
importmx.effects.easing.Bounce;
importmx.controls.Alert;
[Bindable]privatevaradvanced:
Boolean=false;
privatefunctiononClick():
void
//onlytoggleifnotplaying
if(!
ef_move.isPlaying)
advanced=!
advanced;
--thisisthemoveeffectIamusing-->
Move
id="
ef_move"
easingFunction="
Bounce.easeOut"
Panel
title="
FormExample"
width="
300"
height="
350"
Form
100%"
FormItem>
Button
label="
click="
onClick()"
140"
FormItem
FirstName:
moveEffect="
TextInput/>
LastName:
visible="
{advanced}"
includeInLayout="
showEffect="
Fade"
Email:
Address1:
Address2:
Address3:
Password:
TextInputdisplayAsPassword="
SendInfo!
Alert.show('
Ihopeyoulikemyexample!
'
);
Form>
加不加弹性效果区别就在于:
如果你想加个easing效果(Back,Bounce,Elastic,etc),只要指定Move的easingFunction就可以了。
Moveid="
easingFunction="
在Flex中当组件的visible值改变时引发一个动画效果(Effect)
[2008-03-1101:
10:
31|发布:
下面的实例演示了怎样使用hideEffect和showEffect属性,使得当组件的visible属性改变时引发一个动画效果。
鼠标点击hide和show按钮来隐藏和显示Panel
doc/flex/Panel_showEffect/main.swf
或者再加一个弹性效果
doc/flex/Panel_showEffect/main2.swf
Zoomid="
zoom"
hide"
panel.visible=false;
enabled="
{panel.visible}"
show"
panel.visible=true;
{!
panel.visible}"
Panelid="
panel"
title="
title"
status="
status"
showEffect="
{zoom}"
hideEffect="
ControlBar>
controlbar"
查看MXML
如果你想加个easing效果(Back,Bounce,Elastic,etc),只要指定Zoom的easingFunction就可以了,像上边第2个演示那样,只要加上下边的代码就可以了
在Flex中使用FileReference类下载文件
[2008-03-1004:
04:
33|发布:
下面的实例演示了Flex中的FileReference类的基本用法,允许用户从服务器上下载一个文件。
这个例子也演示了你可以在DataGrid组件中显示数据提示(datatips),只要把datagridcolumn的showDataTips属性设置为true,然后把column的dataTipField设置一个值就行了。
在下边的演示中,当用户点击按钮的时候会下载一个zip文件,然后你可以把鼠标移到DataGrid组件的Type列上,来看额外的Event信息。
doc/flex/FileReference_download_test/main.swf
该演示的代码:
verticalAlign="
backgroundColor="
importmx.collections.ArrayCollection;
import.FileReference;
[Bindable]
[Embed('
assets/disk.png'
privatevardiskIcon:
private
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 自定义 Flex loading 启动 加载 画面