• 奥博瑞德文本滚动条1.0(AS3) [返回文章列表]     发表于: 2008-10-12  898人(次)浏览
  • 这次做的这个文本滚动条是我的网站系统中正好要用到的一个零件FLASH的组件里的滚动条虽然比以前的好用多了,而且修改起来也没那么麻烦了,但是我感觉还是不怎么符合我自己的需要。我想很多朋友应该也需要,就提供给大家吧,效果如下:

    /demo/scrollbarTest.swf

    使用方法很简单:

    奥博瑞德文本滚动条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

奥博瑞德文本滚动条1.0(AS3) [返回文章列表]