现在的位置: 首页 >> 多媒体 >> Flash >> ActionScript学习:用纯AS写滚动条
添加时间:2006-4-26 来源:蓝色理想 作者: jimohuoshan
ActionScript学习:用纯AS写滚动条

前两个星期抽时间看了看一直很感兴趣却没时间研究的XML类和绘图API
觉得也没之前想象的那么神秘:)

用了三个晚自习的时间用AS1.0写了这个纯AS+XML的滚动条,算做练习吧。
请高手多多指教!

下面是所有的AS代码:

//%%%%%%%%%%%%MC类自定义方法%%%%%%%%%%%%//
//——————绘图方法————//
//三角型方法
MovieClip.prototype.sanjiaoxing = function(zuobiao1, zuobiao2, zuobiao3, bangzhi, yanse, toumingdu) {
    this.lineStyle(bangzhi, yanse, toumingdu);
    this.moveTo(zuobiao1.x, zuobiao1.y);
    this.lineTo(zuobiao2.x, zuobiao2.y);
    this.lineTo(zuobiao3.x, zuobiao3.y);
    this.lineTo(zuobiao1.x, zuobiao1.y);
};
//宽高矩形法,根据初始点坐标和宽与高确定矩形。x,y为初始点坐标,kuan和gao为矩形的宽和高。
MovieClip.prototype.changkuanjuxing = function(x, y, kuan, gao, bangzhi, yanse, toumingdu) {
    this.lineStyle(bangzhi, yanse, toumingdu);
    this.moveTo(x, y);
    this.lineTo(x+kuan, y);
    this.lineTo(x+kuan, y+gao);
    this.lineTo(x, y+gao);
    this.lineTo(x, y);
};
//中心点矩形法,根据中心点的坐标和宽与高确定矩形。x,y为中心点坐标,kuan,gao为矩形的长和宽。
MovieClip.prototype.zhongxinjuxing = function(x, y, kuan, gao, bangzhi, yanse, toumingdu) {
    this.lineStyle(bangzhi, yanse, toumingdu);
    this.moveTo(x-kuan/2, y+gao/2);
    this.lineTo(x+kuan/2, y+gao/2);
    this.lineTo(x+kuan/2, y-gao/2);
    this.lineTo(x-kuan/2, y-gao/2);
    this.lineTo(x-kuan/2, y+gao/2);
};
//————定位方法————//
MovieClip.prototype.dingwei = function(x, y) {
    this._x = x;
    this._y = y;
};
//————上色方法————//
//定义一个获取颜色值,并把它转化成16进制的函数   
//获取颜色值的后六位,使此方法可以同时满足“#FFFFFF”和“0xFFFFFF”两种格式的颜色值
function jinzhizhuanhuan(yansezhi) {
    var yansezhi = yansezhi.substr(-6, 6);
    return parseInt(yansezhi, 16);
}
Color.prototype.shangse = function(yansezhi) {
    this.setRGB(jinzhizhuanhuan(yansezhi));
};
MovieClip.prototype.shangse = function(yansezhi) {
    var linshi_color = new Color(this);
    linshi_color.shangse(yansezhi);
};
//%%%%%%%%%%%加载XML文档%%%%%%%%%%%%%//
gundongtiao_xml = new XML();
gundongtiao_xml.ignoreWhite = true;
gundongtiao_xml.load("gundongtiao.xml");
gundongtiao_xml.onLoad = function() {
    var jiedianlujing_xml = gundongtiao_xml.firstChild.childNodes;
    //滚动条背景参数
    with (jiedianlujing_xml[0]) {
        var gundongtiaobeijingse = jinzhizhuanhuan(attributes["背景色"]);
        var gundongtiaotoumingdu = attributes["背景透明度"];
        var gundongtiaobiankuangse = jinzhizhuanhuan(attributes["边框色"]);
        var gundongtiaobiankuangtoumingdou = attributes["边框透明度"];
        var gundongtiaobiankuangcuxi = attributes["边框粗细"];
        var gundongtiaokuan = attributes["宽"];
    }
    //方块参数
    with (jiedianlujing_xml[1]) {
        var fangkuaibeijingse = jinzhizhuanhuan(attributes["背景色"]);
        var fangkuaitoumingdu = attributes["背景透明度"];
        var fangkuaibiankuangse = jinzhizhuanhuan(attributes["边框色"]);
        var fangkuaibiankuangtoumingdou = attributes["边框透明度"];
        var fangkuaibiankuangcuxi = attributes["边框粗细"];
    }
    //三角参数
    with (jiedianlujing_xml[2]) {
        var sanjiaoyuanshise = jinzhizhuanhuan(attributes["原始色"]);
        var sanjiaohuodongse = jinzhizhuanhuan(attributes["活动色"]);
        //记录下原始色和活动色,以备在“上”,“下”按钮中使用
        jiluyuanshise = attributes["原始色"];
        jiluhuodongse = attributes["活动色"];
        var sanjiaotoumingdou = attributes["透明度"];
    }
    //滑块参数
    with (jiedianlujing_xml[3]) {
        var huakuaibeijingse = jinzhizhuanhuan(attributes["背景色"]);
        var huakuaitoumingdu = attributes["背景透明度"];
        var huakuaibiankuangse = jinzhizhuanhuan(attributes["边框色"]);
        var huakuaibiankuangto

[1] [2] [3] [4]  下一页


上一篇:flash 高级编程指南 下一篇:利用套接字机制实现Flash与数据库连接
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
·FlashMX 视频教程(18)-缩放工具
·Flash MX 2004 ActionScript图文
·使用Flash MX的3个小技巧
·用Flash AS实现画图的详细讲解
·自己动手制作手机Flash主题动画
·Flash绘画教程:漫画中光影的简
·钢笔字的简单制作
·实例详解鼠标右键菜单
·Flash视频教程:东风破
·Flash MX 2004视频宝典教程(6)美
相关文章
·Flash ActionScript 3 新特性与
·Flash高级知识学习:ActionScrip
·Actionscript 优化指南
·了解ActionScript3.0的新特性
·从html链接调用ActionScript函数
·Actionscript学习实例:简单放大
·FLASH ActionScript学习:判断奇
·一个简单的用ActionScript删除Fl
·FLASH ActionScript语言详解
·Flash ActionScript学习:把AS写
最新文章
·Flash Player 8 新特性效果演示
·FlashMX 视频教程(50)-影片发布
·FlashMX 视频教程(49)-MTV的制作
·FlashMX 视频教程(48)-小苗的生
·FlashMX 视频教程(47)-影片跳转
·FlashMX 视频教程(46)-控制动画
·FlashMX 视频教程(45)-变形动画
·FlashMX 视频教程(44)-滚动的小
·FlashMX 视频教程(43)-颜色变化
·FlashMX 视频教程(42)-制作按钮
Google