★上次写过一个基于scroll值的动态文本滚动条了,其实那次主要是为了寻求解决重大BUG的方法,却没想到被好多网站当成教程转载,于是就很不安,今天专门抽时间又把这个滚动条完善了一下。尽管还有不少BUG,但比上一次进步了很多:)
★功能: →支持动态文本载入,真正基于scroll值 →支持按钮,滑块拖动,鼠标滚轮,滚动条背景点击 →支持选择文本时的拖拽滚动 →能根据文本的增加和减少自动调整滑块位置 →修正了滚动条溢出的BUG →体积非常小,只有2K,而且对资源的占用率也降到最低
★缺陷: →如果滑块在最底端,当一次性删除大量文本时,仍会导致短暂的滚动条溢出,不过它回立即自动修复 →按钮控制、滑块控制、以及滚动条背景点击控制之间相互切换的时候,会导致一行的偏差,对于这个BUG,我真的无能为力了,希望高手能指教一下,另外我也真的非常想知道MM的srollbar组件到底是怎么做的!?
★说明: →下面我将贴出这个滚动条的所有代码,并进行了逐行注释。在看代码之前,建议先看一下这个说明图示,对理解滚动条原理以及代码很有帮助。 →图示:http://www.huoshan.org/shiyan/gundongtiao/gundongtiao3.htm →源文件:http://www.huoshan.org/shiyan/gundongtiao/gundongtiao3.rar
代码部分:
//=================系统初始化=================// //——————界面初始化 //小滑块不可见,上下按钮不可用 huakuai_mc._visible = false; shang_btn.enabled = false; xia_btn.enabled = false; //初始化点击热区的影片 requ_mc._alpha = 0; requ_mc._width = this._width; requ_mc._height = xia_btn._y-shang_btn._y-shang_btn._height; requ_mc._x = 0; requ_mc._y = shang_btn._y+shang_btn._height; //——————变量初始化 //文本域接口变量:接收父剪辑文本域名字 var wenben_txt = _parent.wenben_txt; //按钮按下的时间,当按下指定时间后,连续滚动 var zhidingshijian = 500; //滑块儿高度随文本多少变化的指数因子,此因子小于1,大于零,其值越大,高度变化越剧烈 var zhishuyinzi = 1/3; //滑块的初始高度为滚动条总高度,并记录 var chushigaodu = Math.floor(xia_btn._y-shang_btn._y-shang_btn._height); //初始化滑块Y坐标,并记录 var ychushiweizhi = huakuai_mc._y=Math.floor(shang_btn._y+shang_btn._height); //——————对象初始化 //为父剪辑的文字域注册侦听器,以侦听在文字域产生变化时,也就是在文本被载入进来时,执行下面的代码。这样就不用担心代码执行顺序问题! var wenbenzhentingqi = new Object(); wenben_txt.addListener(wenbenzhentingqi); //鼠标滚球滚动侦听对象 var shubiaozhentingqi = new Object(); Mouse.addListener(shubiaozhentingqi); //====================滚动代码===================// //——————当文字域载入完成时,触发onScroller事件! wenbenzhentingqi.onScroller = function() { //判断滑块儿是否显示,并根据文本内容多少定义滑块高度 if (wenben_txt.maxscroll != 1) { //小滑块可见,上下按钮可用 huakuai_mc._visible = true; shang_btn.enabled = true; xia_btn.enabled = true; //定义一个高度因子,此因子随加载文本的增多,将无限趋向于1。 var gaoduyinzi = 1-(wenben_txt.maxscroll-1)/wenben_txt.maxscroll; |