最近工作挺忙，好久没有更新博客了，本篇是农历新年后更新的第一篇文章。在低年级数学教材中，有部分教学内容需要将纸张进行对折，以便了解平面图形之间的关系，今天这篇文章和大家说说如何实现纸张对折效果。我们要将一张长方形的“纸”对折两次，这样对折后的“纸”就会缩小到原来的四分之一。
一、制作对折后的小“纸”元件
我的设想是这样的：首先来制作对折后的“纸”，然后使用四个这样的元件拼成一张大“纸”，再实现对折效果。选择菜单栏插入-新建元件，调出创建新元件对话框，点击启用9切片缩放比例辅助线功能。这样在舞台上就会出现纵横四条辅助线。使用矩形绘制工具，线条和填充颜色自定义，在舞台上拖出一个长方形。选中绘制好的长方形后，点击“属性”选项卡，将x坐标和y坐标都设为0。你会发现长方形的左上角正好与9切片的中心点重合。如下图：
二、制作一张大“纸”元件
新建影片剪辑,创建对折前的大“纸”元件。依此拖到四个小长方形元件到影片剪辑编辑舞台，拼成一个大长方形。分别设置其中的三个长方形的实例名为a,b和c。具体如下图，切不可错！
三、添加代码实现对折效果。
继续编辑对折前的纸张影片剪辑，在第一帧中添加如下代码，即可实现对折效果。
import fl.transitions.<a href=http://www.flashabc.net/catalog.asptags=Tween>Tween</a>;
import fl.transitions.<a href=http://www.flashabc.net/catalog.asptags=easing>easing</a>.*;
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.display.*;
import flash.events.*;
var myTween1:Tween
var myTween2:Tween
var myTween3:Tween
var myTween4:Tween
this.alpha=.5
myTween1 = new Tween(this, "rotation", Regular.easeOut, this.rotation, 90, 20, false)
myTween1.addEvent<a href=http://www.flashabc.net/catalog.asptags=List>List</a>ener(<a href=http://www.flashabc.net/catalog.asptags=TweenEvent>TweenEvent</a>.MOTION_FINISH, spinStopped1);
function spinStopped1(event:TweenEvent):void
{
myTween2 = new Tween(this.a, "rotationY", Regular.easeOut, this.a.rotationY, 180, 100, false)
myTween3 = new Tween(this.b, "rotationY", Regular.easeOut, this.b.rotationY, 180, 100, false)
myTween2.addEventListener(TweenEvent.MOTION_FINISH, spinStopped2);
}
function spinStopped2(event:TweenEvent):void
{myTween1 = new Tween(this, "rotation", Regular.easeOut, this.rotation, 0, 20, false)
//myTween2 = new Tween(this.c, "rotationX", Regular.easeOut, this.c.rotationX, -180, 100, false)
// myTween3 = new Tween(this.b, "rotationX", Regular.easeOut, this.b.rotationX, 180, 100, false)
myTween1.addEventListener(TweenEvent.MOTION_FINISH, spinStopped3);
}
function spinStopped3(event:TweenEvent):void
{
myTween2 = new Tween(this.c, "rotationX", Regular.easeOut, this.c.rotationX, -180, 100, false)
myTween3 = new Tween(this.b, "rotationX", Regular.easeOut, this.b.rotationX, 180, 100, false)
myTween3.addEventListener(TweenEvent.MOTION_FINISH, spinStopped4);
}
function spinStopped4(event:TweenEvent):void
{
myTween1 = new Tween(this, "rotationX", Regular.easeOut, this.rotationX, 0, 20, false)
myTween2 = new Tween(this, "x", Regular.easeOut, this.x, stage.stageWidth/2, 10, false)
myTween3 = new Tween(this, "y", Regular.easeOut, this.y, stage.stageWidth/2, 10, false)
}
该代码中使用了大量的Tween实例和TweenEvent.MOTION_FINISH事件。Tween实例用来实现缓动效果。TweenEvent.MOTION_FINISH事件用来侦听当缓动效果完成后，执行制定函数。本实例中当一个缓动结束后，使用该事件来激活下一个缓动效果。
