??:????macromedia.???macromedia??,????:http://www.macromedia.com/devnet/mx/flash/articles/tweening.html
???:Jen deHaan
??????????,?????.????
???
About Continuing Animations????????
???ball_mc?????????????????????????????????????????????????????搊nMotionFinished�??????????????Tween??????????????????continueTo()???continueTo()???????tween????????????????????????????????
| 代码: | | import mx.transitions.Tween;
import mx.transitions.easing.*;
var ball_tween:Object = new Tween(ball_mc, "_x", Regular.easeIn, 0, 300, 3, true);
ball_tween.onMotionFinished = function() {
ball_tween.continueTo(0, 3);
};
| |
??????????ball_mc????tween???????????????0???????????continueTo()???????????????
?Tween???
| 代码: | | function continueTo (finish:Number, duration:Number):Void {
/* ???? */
}
| |
?????????Tween??????????????Tween??7???????tween???????
| 代码: | | function Tween (obj, prop, func, begin, finish, duration, useSeconds) {
/* ???? */
}
| |
?????????continueTo()??????5????????????Tween??????????continueTo()????????Tween??5????????finish?????tween?????continueTo()????duration??????????????tween????duration??
????????????????????????????
| 代码: | | import mx.transitions.Tween;
import mx.transitions.easing.*;
var ball_tween:Object = new Tween(ball_mc, "_x", Regular.easeIn, 0, 300, 3, true);
ball_tween.onMotionFinished = function() {
ball_tween.continueTo(0, 3);
};
| |
????1
?????ball_mc??_x???0?Regular.easeIn???3??????300???????????onMotionFinished?????????continueTo()??????????ball_mc????????300?????_x?????????0?3??????????easing ???
Creating Animations That Continue Endlessly????????
????????x??????????????Tween????????????????????yoyo();yoyo()????onMotionFinished????????????begin???finish??????,????????
?????
1? ?????????????FLA??????yoyo.fla.
2? ???????????????????????????????????????20?????????
3? ?????????F8????????????????box,????????????
4? ???????????????????????????box_mc.????x,y??????0,?????????
5? ????????????stroke.
6? ?????????????????????????????????????????????????????????x,y????0.?????
7? ?????????????action, ????????????
| 代码: | | import mx.transitions.Tween;
import mx.transitions.easing.*;
var box_tween:Object = new Tween(box_mc, "_x", Regular.easeInOut, 0, Stage.width, 3, true);
box_tween.onMotionFinished = function() {
box_tween.yoyo();
};
| |
8. ????????????????????????????????????????????????????????????????12????????24.
9. ??????????????box_mc??????????????????FLASH???????????????????????HTML???box_mc???????????????????????????box_mc???????????
| 代码: | | import mx.transitions.Tween;
import mx.transitions.easing.*;
var box_tween:Object = new Tween(box_mc, "_x", Regular.easeInOut, 0, Stage.width-box_mc._width, 3, true);
box_tween.onMotionFinished = function() {
box_tween.yoyo();
};
| |
???????????????
????2
About Applying Easing Methods to Version 2 Components???V2????easing???
??????easing??????????v2 ??????????????easing????????????Accordion, ComboBox, DataGrid, List, Menu ? Tree??????????????easing??????????Accordion, ComboBox and Tree ?????????easing ??????????????????menu????????????????
Applying Easing Methods to an Accordion Component(??easing?Accordion Component??)
??????????FLASH?????accordion????????????????????easing???duration?????
????????????easing???accordion??
1.?????????????accordion.fla
2.???????????accordion?????????????????my_acc
3.????????????action.
4.????????????
| 代码: | | import mx.transitions.easing.*;
my_acc.createChild(mx.core.View, "studio_view", {label:"Studio"});
my_acc.createChild(mx.core.View, "dreamweaver_view", {label:"Dreamweaver"});
my_acc.createChild(mx.core.View, "flash_view", {label:"Flash"});
my_acc.createChild(mx.core.View, "coldfusion_view", {label:"ColdFusion"});
my_acc.createChild(mx.core.View, "contribute_view", {label:"Contribute"});
my_acc.setStyle("openEasing", Bounce.easeOut);
my_acc.setStyle("openDuration", 3500);
| |
???????????easing??import mx.transitions.easing.*???????????????Bounce.easeOut???????mx.transitions.easing.Bounce.easeOut?????????????Studio, Dreamweaver, Flash, ColdFusion, ? Contribute?,?????????easing?? ??Bounce.easeOut.????????????3500???
5???????????
6??????????????????????????????????openDuration???????????????250?????????1/4??
????3
Applying Easing Methods to the ComboBox???easing?comboBox???
?????comboBox???easing??????????accordion?????????????????????????????
1? ????????combobox.fla
2? ???????combobox???????????????????????????
3? ?????????action.???????layer1????
4? ?????????????????
| 代码: | | import mx.transitions.easing.*;
this.createClassObject(mx.controls.ComboBox, "my_cb", this.getNextHighestDepth());
var product_array:Array = new Array("Studio", "Dreamweaver", "Flash", "ColdFusion", "Contribute", "Breeze", "Director", "Flex");
my_cb.dataProvider = product_array;
my_cb.setSize(140, 22);
my_cb.setStyle("openDuration", 2000);
my_cb.setStyle("openEasing", Elastic.easeOut);
| |
?????????this????????????????easing??mx.transitions.easing.*????createClassObject???????comboBox??????????????????comboBox??????????my_cb.
?????????????product_array,????????mm???????????????????dataprovidor??????????setSize()???????????????openDuration?2000??????easing???Elastic.easeOut.
*??????????????easing?????????????????????????mx.trasitions.easing.Elastic.easeOut.
5? ???????????????
6? ????????combobox?????????????????
???????????????????According?combobox????????easing????????????????????????????????????????????????????????????????????????????????????
????4
Animating DateGrid(??DataGrid??)
Flashmx 2004 pro????????????????????????DataGrid,List,Tree,ComboBox??.??????????????????????????????????????????
?????????????
1? ???????????????datagrid.fla.
2? ?????dataGrid????????????????my_dg.
3? ????????action???????????
4? ?action??????????????
| 代码: | |
import mx.transitions.easing.*;
my_dg.setSize(320, 240);
my_dg.addColumn("product");
my_dg.getColumnAt(0).width = 304;
my_dg.rowHeight = 60;
my_dg.addItem({number:'Studio'});
my_dg.addItem({number:'Dreamweaver'});
my_dg.addItem({number:'Flash'});
my_dg.setStyle("selectionEasing", Elastic.easeInOut);
my_dg.setStyle("selectionDuration", 1000);
| |
?????easing??????setSize()????????????320????240????????????????????攑roduct�,????????304.??datagrid????????16?????product????304.????????60.??????easing???
????????dataGrid???????????????selectionEasing,selectionDuration,Elastic.easeInOut,??setStyle?????selectionDuration??1000?????200????
5? ???????????????????????????????selectionDuration?1000???????????????
??? selectionEasing?selectionDuration??????List,ComboBox,Tree????
????5
Combining the Transition and Tween Classes???Transition?Tween??
???????transition?Tween???????????????????Transition???x?????movieClip.???????Tween?????movieclip?_alpha??????????????easing????????????????????????????Tween???continueTo()??yoyo()???????onMotionFinished????????????
????????????Transition??Tween???????????movieClip?????????????????
1? ?????????????combinaction.fla.
2? ????---????movieClip?????????imgHolder.????ok.
3? ????????
4? ?????????imgHolder.?????
5? ???????????????????????id???imgHolder_id.???
6? ???????????????action.
7? ????????????
| 代码: | | import mx.transitions.*;
import mx.transitions.easing.*;
var mcl_obj:Object = new Object();
mcl_obj.onLoadInit = function(target_mc:MovieClip) {
new Tween(target_mc, "_alpha", Strong.easeIn, 0, 100, 2, true);
TransitionManager.start(target_mc, {type:Fly, direction:0, duration:3, easing:Elastic.easeInOut, startPoint:6, param2:empty});
};
var my_mcl:MovieClipLoader = new MovieClipLoader();
my_mcl.addListener(mcl_obj);
my_mcl.loadClip("http://www.flash-mx.com/images/image1.jpg", this.attachMovie("imgHolder_id", "img_mc", this.getNextHighestDepth()));
| |
??????????????
?????transition???easing???????????????
???????movieClipLoader?????????????????movieClipLoader?????onLoadInit??????????????????transition??Tween??
??????????movieClipLoader????????????????????my_obj,?????jpg????????????movieClip??
8? ??????????????
????6
?????????????Transition??Tween????????????????????????????????????????????????????????????????????????????????shopping厖:).
|