此教程是webstudio的预计将在11月底出版的新书[1b]>[/1b]第八章最后一节中的内容,以此用作示范,使更多的flash网友了解这本书.webstudio专为此书开设了[1b]
[url=http://www.webstudio.com.cn/forum/forumdisplay.php?f=26]
在线问答
[/url]
[/1b]版块.同时也希望在此版块中倾听网友的建议和意见,以使我们可以做的更好.
Scrollbar即滚动条,对我们来说再熟悉不过了,从我们开始使用Windows操作系统那一天开始就已经知道滚动条了,它可以帮助我们在较小的区域内显示更多的内容,这也是它非常实用的主要原因。在我们创建Flash站点时,总会或多或少的用到它。下面将研究滚动条的应用。
[1b]1.文本滚动[/1b]
首先来看一个简单的文本滚动,最简单的滚动就是我们常见的上下箭头,它同样可以达到滚动的效果,如下图所示。
当然你可以任意对它的位置进行变换,它的应用是比较简单的,只是TextField.scroll方法的应用而已。
范例11
[1b]
[url=/Files/BeyondPic/2006-11/16/scroll_external_text.swf]
演示文件
[/url]
[/1b]
范例11源文件
booksource/第8章/scrollbar/scroll_external_text.fla
(1)重新创建好了一个FLA文档,将它存为scroll_external_text.fla。
(2)准备两个按钮,例如一个向上和一个向下的MovieClip,这里准备使用的是MovieClip,当然你可以使用按钮。将它们放在第一层上,摆好位置,并在属性面板上分别为其命名为down_btn和up_btn。
(3)选中场景中上的第1帧,按下F9键,打开ActionScript面板,在其中写入如下脚本。
[1b]代码:[/1b]
//载入外部文本
var my_lv = new LoadVars();
my_lv.onLoad = function(success){
if(success){
my_txt.text = this.mytext;
my_txt.setTextFormat(my_fmt);
}else{
trace("error load the external files");
}
}
my_lv.load("hello.txt");
//创建字体各式实例对象
var my_fmt = new TextFormat();
my_fmt.bullet = true;
my_fmt.bold = true;
my_fmt.color ="0x669933";
//创建动态文本并指定文本格式
this.createTextField("my_txt",this.getNextHighestDepth(),10,10,530,120);
my_txt.wordWrap = true;
my_txt.multiline = true;
my_txt.border = true;
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//滚动
//向上滚动
down_btn.onRelease = function(){
my_txt.scroll--;
}
//向下滚动
up_btn.onRelease = function(){
my_txt.scroll++;
}
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
前面的一大段代码都是介绍过的内容,最后一段是应用的滚动方式,如my_txt.scroll--和my_txt.scroll++,这两句中的scroll是TextField的滚动方法,至于++和--实际上相当于my_txt.scroll =my_txt.scroll+1和my_txt.scroll = my_txt.scroll-1。
(4)测试影片,点击按钮MovieClip,文本就可以上下滚动了。
(5)可能你还希望两个滚动按钮能够在被按下去不放时一直让内容不停地滚动,那么只要找一种方法让scroll不断地循环执行就可以了,首选当然是onEnterFrame。
只需要将滚动代码改写如下即可。
范例12
[1b]
[url=/Files/BeyondPic/2006-11/16/scroll_external001_text.swf]
演示文件
[/url]
[/1b]
范例12源文件
booksouce/第8章/scrollbar/ scroll_external001_text.fla
本文转自:http://www.5uflash.com/flashjiaocheng/Flashyingyongkaifa/396.html