平滑滚动原理及实例_电脑技术_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

平滑滚动原理及实例

作者：闵涛文章来源：闵涛的学习笔记点击数：904 更新时间：2004/3/14

本文由FK授权蓝色理想转载
访问FK | 下载源文件(129K)

ShowS 平滑上下滚动条（版权规flashk.org所有）：

技术资料：

如何使用：
电影剪辑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;
}