字体: 小 中 大  

FLASH 制作简易美观进度条 + 翻唱《壮志在我胸》

tiger 发表于: 2008-8-24 19:47 来源: 游学欧洲网

最新回复

tiger at 2008-8-24 19:49:25

以下是代码，浅显易懂。我稍微注释一下；只要插入在第一帧就可以啦～

//原创两个影片剪辑，用来显示百分比和小长条～
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;

//设置进度条的位置（居中于主场景），Stage 对象用得高级呀～
loadInfo._x = (Stage.width - _lineLen)/2;
loadInfo._y = Stage.height/2;

//获得影片大小并stop，再onEnterFrame
tb = _root.getBytesTotal();
_root.stop();

//定义帧（1）开始时进度条执行的函数～
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 = "";
  }
}

hjf一叶情 at 2008-8-24 22:24:20

顶护胸！

山鬼夜心 at 2008-8-24 22:27:56

果然很复杂~~~~~~~~~

sagittr at 2008-8-24 23:17:07

虽然看不懂上面那一堆 TIGER唱歌一定来捧场拉 西西 ~~~

hjf一叶情 at 2008-8-25 00:07:02

老虎，
这个FLASH怎么不动的

tiger at 2008-8-25 07:11:47

QUOTE:

原帖由 hjf一叶情 于 2008-8-25 00:07 发表
老虎，
这个FLASH怎么不动的

只是测试下进度条，没加内容呀～以后做丰富多彩的~

hjf一叶情 at 2008-8-25 11:31:36

QUOTE:

原帖由 tiger 于 2008-8-25 07:11 发表


只是测试下进度条，没加内容呀～以后做丰富多彩的~

啊，太好啦。
期待的

山鬼夜心 at 2008-8-25 22:23:28

很神奇啊~~~~~~~感叹号~~~~~~~~~~~