[教程]AS1.0制作滚动条

super-tomato

作者：Super-Tomato

这是针对之前一篇使用AS2.0而再次写的，对于马来西亚的AS水平来说可能使用class还不很普遍，所以希望这个“简单”的教程能够有人去学习



Flash: http://xenz.flash8.net/tutorial/Scrollbar/scrollbar.swf


步骤1：
打开一个新的文件，按ctrl+F8建立一个新的movie clip元件。



步骤2：
然后在这个movie clip建立一个动态文本，实例名为myText。之后在画个长条图形，然后按F8转换成movieclip，实例名为scrollBar。如下图：




步骤3：
在第一个frame输入以下代码

scrollBar.initial = function() {  //定义滚动条
        var p = myText._height/myText.textHeight;  //计算文字和文本之间的差
        if(p > 1) p = 1;  //如果之间的差大于1 就为1
        this._height = p * myText._height;  //从上面计算出来的差算出滚动条的高度
        this.min = myText._y;  //取得滚动条最高的拖动范围
        this.max = this.min+(myText._height-this._height);  //取得滚动条最低的拖动范围
        inc = int(Math.abs(this.max-this.min)/myText.maxscroll);  //取得文本和滚动条可滚动的差距
};
scrollBar.onPress = function() {  //当滚动条被点下的时候
        this.onEnterFrame = function() {  //循环设定滚动条可拖动的范围和文本显示行数
                this.startDrag(false, this._x, this.min, this._x, this.max);  //开始拖动
                myText.scroll = int(scrollBar._y/inc);  //计算文本滚动的位置
        };
};
scrollBar.onRelease = scrollBar.onReleaseOutside = function() {  //当滚动条被放开的时候
        this.stopDrag();  //停止拖动
        delete this.onEnterFrame;  //删除之前点下的循环
};
myText.mouseWheelEnabled = false;  //设定文本不受滑鼠滚轮的影响
this.onEnterFrame = function() {  //不断的定义滚动条
        scrollBar.initial();
}

步骤4：
回到场景，把刚才的movieclip从library拖到场景，然后设定实例名textArea.最后在场景的第一个frame输入一些增加文本文字的代码

function a() {
        textArea.myText.htmlText+=(10 - (i++))+"\n";  //增加文本内容的文字
        if(i == 10)  clearInterval(b);  //增加10行之后停止
}
var i = 0;
b = setInterval(this, "a", 1000);  //每1000毫秒运行a函数

步骤5：
完成，进行测试吧




源文件：http://xenz.flash8.net/tutorial/Scrollbar/scrollbar_1.rar


[ Last edited by super-tomato on 3-1-2005 at 11:40 PM ]

sson

super-tomato 于 3-1-2005 11:39 PM  说 :

作者：Super-Tomato

这是针对之前一篇使用AS2.0而再次写的，对于马来西亚的AS水平来说可能使用class还不很普遍，所以希望这个“简单”的教程能够有人去学习 ...

哈哈，赞！
最近发很多教程，感谢不尽。

（一直想问—— 你的头像就是本人么？）

hahabin

呵呵就是说
感激他发教学
如果他是她我就以身相。。。
呵呵

sson大哥也要常来哦

super-tomato

sson 于 3-1-2005 11:57 PM  说 :

哈哈，赞！
最近发很多教程，感谢不尽。

（一直想问—— 你的头像就是本人么？）

教程是以前写的，只是从flash8转移过来罢了
p/s: 哈哈。。要是大街上你看到这个头像中的人就叫他番茄，看看她有没有反应就知道是不是我了阿

[ Last edited by super-tomato on 4-1-2005 at 12:50 AM ]

sson

hahabin 于 4-1-2005 12:03 AM  说 :
呵呵就是说
感激他发教学
如果他是她我就以身相。。。
呵呵

sson大哥也要常来哦

乖乖不得了，
在下何时变“大哥”了？
实在担当不起。

在下能力还不够雄厚，写教程还需一段路。

super-tomato 于 4-1-2005 12:49 AM  说 :
教程是以前写的，只是从flash8转移过来罢了
p/s: 哈哈。。要是大街上你看到这个头像中的人就叫他番茄，看看她有没有反应就知道是不是我了阿

哈哈，在下认为自己还没有那种荣幸可以遇着如此美人。

hahabin

sson 于 4-1-2005 05:27 AM  说 :

乖乖不得了，
在下何时变“大哥”了？
实在担当不起。

在下能力还不够雄厚，写教程还需一段路。


哈哈，在下认为自己还没有那种荣幸可以遇着如此美人。

呵呵那么要加油哦。

emilccp

sson~万一番茄原来和你一样是..........

sson

emilccp 于 4-1-2005 12:52 PM  说 :
sson~万一番茄原来和你一样是..........

...

super-tomato

sson 于 4-1-2005 05:27 AM  说 :
哈哈，在下认为自己还没有那种荣幸可以遇着如此美人。

一切都很难说啊

hahabin

super-tomato 于 4-1-2005 03:52 PM  说 :


一切都很难说啊

呵呵小姐你电话号码多少啊？
呵呵

sson

super-tomato 于 4-1-2005 03:52 PM  说 :
一切都很难说啊

那在下就每天出去逛逛街了，呵呵

hahabin 于 5-1-2005 11:33 PM  说 :
呵呵小姐你电话号码多少啊？
呵呵

好直接……

tensaix2j

那明明是我的照片。。。咦？。。怎么在你那里。。。

super-tomato

hahabin 于 5-1-2005 11:33 PM  说 :



呵呵小姐你电话号码多少啊？
呵呵

哪能那么容易就给电话阿

yong2212

做不出来...动态文本 是不是TextArea ah ???
我已经看不到照片叻..可惜

对不起楼主...教学图片失效了
可以上传多一吃吗