flash超酷滚动公式实现自定义滚动条 |
| [来源：闪客无忧 | 作者：佚名 | 时间：2008-03-29 | 点击： | 收藏本文 【大 中 小】] |
|
Scrollbar即滚动条，对我们来说再熟悉不过了，从我们开始使用Windows操作系统那一天开始就已经知道滚动条了，它可以帮助我们在较小的区域内显示更多的内容，这也是它非常实用的主要原因。在我们创建Flash站点时，总会或多或少的用到它。下面将研究滚动条的应用。
1．文本滚动
首先来看一个简单的文本滚动，最简单的滚动就是我们常见的上下箭头，它同样可以达到滚动的效果，如下图所示。
当然你可以任意对它的位置进行变换，它的应用是比较简单的，只是TextField.scroll方法的应用而已。
范例11
演示文件
范例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面板，在其中写入如下脚本。
| 代码: |
| |
//载入外部文本
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
演示文件
范例12源文件
booksouce/第8章/scrollbar/ scroll_external001_text.fla
| 代码: |
| |
//滚动
down_btn.onRelease = function() {
my_txt.scroll--;
delete onEnterFrame;
};
up_btn.onRelease = function() {
my_txt.scroll++;
delete onEnterFrame;
};
|
| 上一页12 3 4 5 6 7 下一页 |
| 文章如果有错误或者缺少文件，请发邮件提交给我们 |
|
|
|
|
|
|
|
| >>> 最新评论:(共有 0 位网友发表了评论) 查看所有评论 |
|
|
| 发表评论 |
|
| ·本站发布内容均为客观表达作者观点，不代表闪无忧立场，请勿攻击和漫骂 |
| ·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任 |
| ·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据 |
| ·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为 |
|
|
|
 |
教程分类 |
|
|
|
|
|
|
