平滑滚动原理及实例

如何使用：

　　电影剪辑scrollMC的onLoad事件：

　　showHeight = 350;

　　myHeight = 350;

　　speed = 13;

　　targetMovie = "show.testMC";

　　

showHeight用来指定绑定的ＭＣ的显示高度，myHeight指定滚动条本身的高度。speed是滑动的速度，其值越大，滑动越慢。targetMovie指定绑定的ＭＣ的路径（相对）。

　　

技术内幕：

　　主要的ActionScript集中在一个空的电影剪辑中：onClipEvent (enterFrame) {

　　 mcMoved();

　　}

　　onClipEvent (load) {

　　 a = eval("_parent._parent." _parent.targetMovie);

　　 function mcMoved() {

　　 whereY = -(a._height-_parent.showHeight)*(_parent.dragMC._y/(_parent.myHeight-38));

　　 var tempK = whereY-a._y;

　　 if (Math.abs(tempK)>1) {

　　 a._y = tempK/_parent.speed;

　　 nowY = _parent.dragMC._y;

　　 }

　　 }

　　}

　　a = eval("_parent._parent." _parent.targetMovie); 用来将指定绑定的ＭＣ位置。以后就能够使用a._x、a._alpha来访问这个电影剪辑了，和此相类似的技术更有_parent["myMC"]。

　　whereY = -(a._height-_parent.showHeight)*(_parent.dragMC._y/(_parent.myHeight-38));主要用来计算绑定的ＭＣ应该滚动到的位置。

　　var tempK = whereY-a._y;

　　if (Math.abs(tempK)>1) {

　　 a._y = tempK/_parent.speed;

　　 nowY = _parent.dragMC._y;

　　}

　　这个比较重要，直接关系到对CPU的占用率。首先，if (Math.abs(tempK)>1)判断当前要滚动到的位置是否离当前位置有一个像素的差值。Math.abs()是计算绝对值的函数。假如不是，即已滚动到了应该到达的位置，则不进行帧的重绘。（Flash绘制一个帧的图像要耗相当的CPU，事实上，CPU的大部份使用都花在显示上面。ＡＳ的执行只要很少的CPU，所以，进行必要的判断，去掉不必要的重新绘制。能够有效地降低CPU的使用率。至少在鼠标没有重新进行交互时能够很好地降低CPU的使用率）。假如其值大于１，则将绑定的ＭＣ位置重新计算。

　　a._y = tempK/_parent.speed;是个很经常用的滑动公式，其实真正的公式是这样的：a._y = (whereY-a._y)/_parent.speed 这里只是在上一步进行了简化。

　　function goArea(a) {

　　 dragMC._y = (showHeight-38)*a;

　　}

　　

函数对应三个按钮“滚动到1/3、滚动到1/2、滚动到2/3、”其原理想想应该不难明白。