超简单Flash进度条制作技巧

技巧

  Flash制作进度条是老问题了,这里提供给大家一段代码,帮你轻松制作进度条。
    把下面的代码加到场景第一桢就OK了。

var myLoading:MovieClip;
var loadInfo:MovieClip;
var _lineBgcolor = "0x666666";
var _lineColor = "0x0000FF";
var _lineLen:Number = 200;
var _lineH:Number = 3;
var _txtColor; var _txtAlign:String = "center";
var tb:Number;
var txtFormat:TextFormat = new TextFormat
("Arial", null, 0x000000, true); myLoading = _root.createEmptyMovieClip("myLoading",10); //进度条
loadInfo = myLoading.createEmptyMovieClip("line", 10);
loadInfo.lineStyle(1, _lineColor, 20);
loadInfo.moveTo(0, 0);
loadInfo.lineTo(_lineLen, 0);
loadInfo.lineTo(_lineLen, _lineH);
loadInfo.lineTo(0, _lineH);
loadInfo.lineTo(0, 0); //进度显示文本
loadInfo.createTextField("txt", 30, 0, 0, _lineLen, 22);
loadInfo.txt.autoSize = _txtAlign; //设置进度条的位置(居中于主场景)
loadInfo._x = (Stage.width - _lineLen)/2;
loadInfo._y = Stage.height/2; //获得影片大小并stop,再onEnterFrame
tb = _root.getBytesTotal();
_root.stop();
myLoading.onEnterFrame = function(){
  var lb:Number = _root.getBytesLoaded();
  var percent:Number = Math.round(lb/tb*100);
  loadInfo.txt.text = percent+"%";
  loadInfo.txt.setTextFormat(txtFormat); 
  loadInfo.lineStyle(_lineH, _lineBgcolor, 10);
  loadInfo.moveTo(0, _lineH/2);
  loadInfo.lineTo(percent*_lineLen/100, _lineH/2); 
  if (percent == 100) {
   _root.play();
   delete this.onEnterFrame;
   loadInfo.clear(); 
   loadInfo.txt.text = "";
  }
}

时间: 2024-10-27 03:49:34

超简单Flash进度条制作技巧的相关文章

javascript实现简单的进度条_javascript技巧

示例一: <!doctype html> <html> <head> <meta charset="utf8"> <title>Process Bar</title> <script> var t; function s(c) { if(c<=100) { val.style.width=c+"%"; percent.innerHTML=c+"%"; btn

用photoshop制作Flash进度条教程分享

给各位Flash软件的使用者们来详细的解析分享一下用photoshop制作Flash进度条的教程. 教程分享: 第一步: 新建一个600X400PX的画布,把我们提供的纹理丢进去. 现在我们使用"圆角矩形工具",设置半径为"10PX",拉出一个长条矩形.   第二步: 现在我们来设置矩形的混合样式,把它命名为:矩形1.然后双击图层,设置如下: 内发光:颜色就是默认的黑色.   图案叠加: 这个图案需要加载"艺术表明",默认的里面有.   描边:

javascript实现简单的进度条

  本文给大家分享2个javascript实现简单的进度条,一个是个人制作一个是网友实现的,都很不错,这里推荐给大家. 示例一: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64

Bootstrap每天必学之进度条_javascript技巧

1.进度条 在网页中,进度条的效果并不少见,比如一个评分系统,比如加载状态等.就如下图所示的一个评分系统,他就是一个简单的进度条效果: 进度条和其他独立组件一样,开发者可以根据自己的需要,选择对应的版本: LESS版本:源码文件progress-bars.less Sass版本:源码文件_progress-bars.scss 编译后版本:bootstrap.css文件第4500行-第4575行 而且Bootstrap框架为大家提供多种样式风格的进度条,供大家使用. 2.进度条–基本样式 Boot

jQuery实现的简单百分比进度条效果示例_jquery

本文实例讲述了jQuery实现的简单百分比进度条.分享给大家供大家参考,具体如下: 一.JS Code: <script type="text/javascript"> var progressId = "ProgressBarID"; function setProgressBar(progress) { if (progress) { $("#" + progressId + " > div").css(

PS制作FLASH进度条教程

 最终效果图:   素材下载背景纹理 图案下载 第一步:新建一个600X400PX的画布,把我们提供的纹理丢进去. 现在我们使用"圆角矩形工具",设置半径为"10PX",拉出一个长条矩形. 第二步:现在我们来设置矩形的混合样式,把它命名为:矩形1.然后双击图层,设置如下: -内发光:颜色就是默认的黑色. -图案叠加: 这个图案需要加载"艺术表明",默认的里面有. -描边: 最完后应该是这样的效果: 第三步:现在我们在到"矩形1"

JS插件plupload.js实现多图上传并显示进度条_javascript技巧

本文实例为大家分享了plupload.js多图上传的具体代码,供大家参考,具体内容如下 HTML代码: <!DOCTYPE html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

原生javascript模仿win8等待提示圆圈进度条_javascript技巧

一.序言 一直很中意win8等待提示圆圈进度条.win8刚出来那会,感觉好神奇!苦于当时没思路,没去研究.通过最近网上找找资料,终于给搞出来了!先上Demo,献丑了!预览请看:win8进度条. 二.简单介绍 原生javascript编写,需要理解js基于面向对象编程和圆形坐标计算! 实现原理:把每个圆点抽象成一个对象(ProgressBarWin8类型),将每个圆点对象存在数组中(progressArray),延迟执行每个圆点对象的run方法,至于圆点运行速度越来越快,是通过改变定时器延迟毫秒数

IOS实现简单的进度条功能_IOS

本文实例绘制了炫酷的下载进度条,分享给大家供大家参考,具体内容如下 一.实现思路 1.要实现绘图,通常需要自定义一个UIView的子类,重写父类的- (void)drawRect:(CGRect)rect方法,在该方法中实现绘图操作 2.若想显示下载进度,只需要实例化自定义子类的对象(若是storyboard中控件,只需修改控件的class属性为自定义子类的类名即可) 3.效果图所示的效果其实是绘制一个圆弧,动态的改变终点的位置,最终达到一个封闭的圆 4.中间的文字是一个UILabel控件,根据