滚动条制作
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-13
|
第一次写教程，有错误大家指出咯。 前言：自己刚开始学Flash的时候，看了好多滚动条教程都云里雾里，特别是var了无数个变量后，还传递来传递去的，最后都不知道在算什么了。而用组件即浪费又不利于修改外观。其实对于新手，需要由简入深来理解，开始先不要追求功能，先实现最基本的拖动就可以了，于是早起写了一篇教程，一条核心代码就实现功能。般门弄斧高手不要笑话。 效果如下：  点击浏览该文件源文件：  点击浏览该文件首先看这张图，那么多线条，其实就黄色框内的是有用的控制部分。 
遮照不用说了，就是放个东西在你要显示的范围内，把图片放到被遮照的位置。
pane其实也是没用的，让别人知道个拖动范围而已。
接着，为舞台上的实例命名
图命名为：move_pic
拖动条命名为：move_bar
新手不要忽略了这步哦，本人以前总是忘记命名，每次都是代码写完了却找不出错误，最后才发现原来还没命名。命名规则也很重要，有时候随便命个pic啊什么的，实例多了容易出错，而且习惯之后就难改过来了。
到这里工作就完成80％了，是不是很简单呢。
接下来，开始在最上面那个帧里写滚动条的代码，先看我初步写的：
move_bar.onMouseDown = function() { move_bar.startDrag(0, 214, 0, 214, 112); }; move_bar.onMouseUp = function() { move_bar.stopDrag(); }; this.onEnterFrame = function() { }; 这里写成函数的形式，其实可以这样理解： move_bar.鼠标一旦按下= 功能() { move_bar.startDrag(0, 214, 0, 214, 112); }; startDrag内的参数：0代表不锁定在拖动块的正中间，一般我们做拖动的时候都是不锁定的，可以让用户拉着对象的任意部分拖动。后面四个数字是划块的拖动范围。 初学的时候往往会不知道函数怎么用，参数怎么写，这时候最好的方法不是问，是选中这个函数，然后按F1，帮助里什么都有。 
你看是不是很详细呢，还有相关函数的用法和例子。
同理：
move_bar.一旦鼠标离开 = function() { move_bar.stopDrag(); }; 这里要说明的是，不知道从flash几开始，mc可以实现按钮的所有功能了，onPress等语句同样可以用在mc上，所以，这里你也可以写成onPress，onRelease，效果是一样的。 最后还有10％没完成： this.onEnterFrame = function() { }; 我们先不用在函数内部写东西，我们先来理解一下什么是onEnterFrame，这个东西是指一旦进入这帧以后会发生什么事情。重要的它是循环执行的，你想他停都不是那么容易的。当我们要让某些函数往复运行的时候，就用到他。 这里我们要不断判断划块的位置(move_bar._y)来确定图片的位置(move_pic._y )，那么代码肯定就是：move_pic._y = (什么什么什么)move_bar._y 那么只要上过初中的朋友都不会对这个问题陌生，我们知道了图片和划块的两个边缘状态（图片到底，划块到底；图片到头，划块到头）图示如下：  于是，解一个二元一次方程就能确定系数了，在这个实例中： move_pic._y = -move_bar._y*67/28+0;把他写到那个循环函数里，就是： this.onEnterFrame = function() { move_pic._y = -move_bar._y*67/28; }; 之后，你就可以在这个基础上添加各种效果，包括缓冲啊，按钮啊，等等的。熟练以后，还可以试着编写那些直接通过运算确定各个坐标的复杂滚动条。不知道大家是否觉得有收获，欢迎讨论。 点击浏览该文件关键词： |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 定义颜色渐变下一篇: 像素在flash中的应用
关于滚动条制作的所有评论
