奥博瑞德文本滚动条1.0(AS3)

 

这次做的这个文本滚动条是我的网站系统中正好要用到的一个零件FLASH的组件里的滚动条虽然比以前的好用多了，而且修改起来也没那么麻烦了，但是我感觉还是不怎么符合我自己的需要。我想很多朋友应该也需要，就提供给大家吧，效果如下：

使用方法很简单：

奥博瑞德文本滚动条1.0(AS3)
    URL:/#swfNum=3&cid=21&infoid=243&page=1
 QQ:14238910  Q群技术不是唯一:1934054
 使用方法：
 构造函数：public function  textScrollbar(target:TextField)
 设置皮肤：public function  setInterface(target:MovieClip) target包括upBtn（按钮）、downBtn（按钮）、bg（电影剪辑）、dragMc（电影剪辑）。
 设置离目标文本框的右边距离 public function set dx
 设置离目标文本框的顶部距离 public function set dy

实例：

一、制作皮肤

在库里做一个滚动条的基本元件的MovieClip链接名为：”textscrollbar“,（当然随便是什么名字，你自己喜欢的都可以）包括upBtn（按钮）、downBtn（按钮）、bg（电影剪辑）、dragMc（电影剪辑）。高宽坐标什么的都可以随意自己心意，想怎么弄就怎么弄。

二、具体实现

1、首先导入文本滚动条的类：

import com.ourbrander.webObj.component.scrollBar.textScrollbar;

2、然后实例化一个滚动条的皮肤，你可以直接将textscrollbar拖入到场景里，也可以用代码实例化textscrollbar，按照自己的需要选择。

我做了两个滚动条的皮肤好动态切换皮肤，实例化他们：

var Skin=new textscrollbar();
var Skin2=new textscrollbar2();

3、添加一个文本框，这里使用输入文本类型，方便测试：

var tt_txt=new TextField();
tt_txt.x=50;
tt_txt.y=50;
tt_txt.width=300
tt_txt.border=true;
tt_txt.type=TextFieldType.INPUT;
tt_txt.wordWrap=true;
tt_txt.multiline=true;
addChild(tt_txt)

4、为文本框添加滚动条，并设置一个皮肤：

var mm=new textScrollbar(tt_txt);

mm.setInterface(Skin);

5、制作两个按钮（_btn1、_btn2），为了实现动态切换皮肤的测试（按钮怎么做就不要我说了。。。。）：

_btn.addEventListener(MouseEvent.CLICK,clicked)
function clicked (e=null){
 
 mm.setInterface(Skin);
}
_btn2.addEventListener(MouseEvent.CLICK,clicked2)
function clicked2 (e=null){
 
 mm.setInterface(Skin2);
}

6、测试，大功告成，简单的很！

类下载:ourbranderTextsrollbar1.0.rar