模糊、缓冲、顺序加载、XML等的混合运用简单实例

stop();
load_txt.selectable = false;//动态文本用于显示加载进度
onEnterFrame = function () {
        var l:Number = _root.getBytesLoaded();
        var t:Number = _root.getBytesTotal();
        var p:Number = Math.round(l/t)*100;
        load_txt.text = "loading "+p+"%";//动态文本显示加载进度
        if (l == t) {
                delete onEnterFrame;
                this.play();
        }
};

stop();
Title_txt.selectable = false;
System.useCodepage = true;
var _imgPathArray:Array = new Array();//存贮图片地址的数组
var _imgTitleArray:Array = new Array();//存贮图片名称的数组
var _imgBgColorArray:Array = new Array();存贮图片背景颜色的数组
var _xml:XML = new XML();
_xml.ignoreWhite = true;
_xml.onLoad = function(success) {
        if (success) {
                var xmllength:Number = this.firstChild.childNodes.length;
                for (var i:Number = 0; i<xmllength; i++) {
                        _imgPathArray.push(this.firstChild.childNodes.attributes.path);//地址
                        _imgTitleArray.push(this.firstChild.childNodes.attributes.Title);//图片名称
                        _imgBgColorArray.push(this.firstChild.childNodes.attributes.BgColor);//背景颜色
                        play();
                }
        } else {
                stop();
        }
};
_xml.load("imgs/imgxml.xml");

stop();
//...初始化区...................................................................................
var img_mc:MovieClip = this.createEmptyMovieClip("img_mc", this.getNextHighestDepth());//用于加载的空MovieClip
img_mc._x = 10;
img_mc._y = 10;
this.createTextField("Title_txt", this.getNextHighestDepth(), 0, 5, 600, 20);//用于显示图片名称的文本
Title_txt.selectable = false;
Title_txt.background = true;
Title_txt.backgroundColor = 0xF8B929;
Title_txt.align = "center";
Title_txt.autoSize = true;
var my_color:Color = new Color(bg_mc);//背景颜色
//...点小图出大图...........................................................................................
//复制10个装载小图的MovieClip
for (var i:Number = 0; i<_imgPathArray.length; i++) {
        this["small_mc"+i] = attachMovie("small_mc", "small_mc"+i, i);
        this["small_mc"+i]._x = 38+53*i;//排列好位置
        this["small_mc"+i]._y = 374;
}
//小图点击出大图函数
var _hitsound:Sound = new Sound();
_hitsound.attachSound("But");
function hit_small_img() {
        for (var i:Number = 0; i<_imgPathArray.length; i++) {
                _root["small_mc"+i].onPress = function() {
                        _hitsound.start();
                        //取得被点小图名称的数字部分字符串.............................
                        var str_to_num:Number = new Number(this._name.substr(8, 2));
                        k = str_to_num;//传值给下方小图两边的小三角形左右按钮
                        //执行出大图函数
                        runBigImag(str_to_num);
                        //标题
                        Title_txt.text = _imgTitleArray[str_to_num];
                        Title_txt_x = Stage.width/2-Title_txt._width/2;//图片标题的位置居中
                        img_mc_tween(Title_txt, -100, Title_txt_x);//图片标题缓动
                };
        }
}
//导入小图函数
loadsmallimg();
function loadsmallimg() {
        loadID = setInterval(loadsmall, 100);
}
var i:Number = 0;
function loadsmall() {
        loadMovie(_imgPathArray, _root["small_mc"+i]);
        var l:Number = _root["small_mc"+i].getBytesLoaded();
        var t:Number = _root["small_mc"+i].getBytesTotal();
        if (l == t) {
                if (_root["small_mc"+i]._width != 50) { //小图顺序导入
                        _root["small_mc"+i]._width = 50;
                        _root["small_mc"+i]._height = 37;
                        i++;
                }
        }
        if (l == undefined) {//假如完成导入时，删除loadID,再执行小图点击出大图函数
                clearInterval(loadID);
                hit_small_img();
        }
}
//......................................
//...出大图函数.............
function runBigImag(Num:Number) {
        _loadImg.loadClip(_imgPathArray[Num], img_mc);
        //背景颜色
        my_color.setRGB(_imgBgColorArray[Num]);
}
//..............................................................................................
//...滤镜区........................................................................................
//缓冲滤镜
var _sound:Sound = new Sound();
_sound.attachSound("sound");
import mx.transitions.Tween;
import mx.transitions.easing.*;
function img_mc_tween(target:MovieClip, xstart:Number, xend:Number) {
        var myTween:Tween = new Tween(target, "_x", Strong.easeOut, xstart, xend, 1, true);
        _sound.start();
}
//模糊滤镜
import flash.filters.*;
function img_mc_filters() {
        var tempNum:Number = 60;
        onEnterFrame = function () {
                if (tempNum != 0) {
                        tempNum -= 5;//逐渐模糊
                        img_mc.filters = [new BlurFilter(tempNum, 0, 3)];
                } else {
                        delete onEnterFrame;
                }
        };
}
//.................................................................................................
//...导入图片区...........................................................................
var _loadImg:MovieClipLoader = new MovieClipLoader();
var _loadObj:Object = new Object();
_loadObj.onLoadInit = function(target_mc:MovieClip, Num:Number) {
        target_mc._width = 580;
        target_mc._height = 360;
        target_mc._x = Stage.width/2-target_mc._width/2;
        target_mc._y = 5;
        img_mc_tween(img_mc, Stage.width, img_mc._x);
        img_mc_filters();
};
_loadImg.addListener(_loadObj);
_loadImg.loadClip(_imgPathArray[0], img_mc);
//标题
Title_txt.text = _imgTitleArray[0];
Title_txt._x = Stage.width/2-Title_txt._width/2;
//........................................................................................
//...按钮区.......................................
leftarrow_mc.gotoAndStop(1);
rightarrow_mc.gotoAndStop(1);
leftarrow_mc.onRollOver = function() {
        this.play();
};
rightarrow_mc.onRollOver = function() {
        this.play();
};
leftarrow_mc.onRollOut = function() {
        this.gotoAndStop(1);
};
rightarrow_mc.onRollOut = function() {
        this.gotoAndStop(1);
};
var k:Number = 0;
leftarrow_mc.onPress = function() {
        if (k>0) {
                k--;
                Title_txt.text = _imgTitleArray[k];
                Title_txt_x = Stage.width/2-Title_txt._width/2;//图片标题的位置居中
                img_mc_tween(Title_txt, -100, Title_txt_x);//图片标题缓动
                _loadImg.loadClip(_imgPathArray[k], img_mc);
                img_mc_tween(img_mc, Stage.width, img_mc._x);
                img_mc_filters();
               _hitsound.start();
        }
};
rightarrow_mc.onPress = function() {
        if (k<_imgPathArray.length) {
                k++;
               Title_txt.text = _imgTitleArray[k];
                Title_txt_x = Stage.width/2-Title_txt._width/2;//图片标题的位置居中
                 img_mc_tween(Title_txt, -100, Title_txt_x);//图片标题缓动
                _loadImg.loadClip(_imgPathArray[k], img_mc);
                img_mc_tween(img_mc, Stage.width, img_mc._x);
                img_mc_filters();
                 _hitsound.start();
        }
};
//................................................
imgxml.xml：

<?xml version="1.0" encoding="utf-8" ?>
<imglist>
<pic path="imgs/1.jpg" Title="欧宝001" BgColor="0x080D11"></pic>
<pic path="imgs/2.jpg" Title="欧宝002" BgColor="0x0A0D14"></pic>
<pic path="imgs/3.jpg" Title="欧宝003" BgColor="0x191E24"></pic>
<pic path="imgs/4.jpg" Title="欧宝004" BgColor="0x151C26"></pic>
        <pic path="imgs/5.jpg" Title="欧宝005" BgColor="0x06090E"></pic>
<pic path="imgs/6.jpg" Title="奔驰001" BgColor="0x0D0918"></pic>
<pic path="imgs/7.jpg" Title="奔驰002" BgColor="0x120F18"></pic>
        <pic path="imgs/8.jpg" Title="奔驰003" BgColor="0x030007"></pic>
        <pic path="imgs/9.jpg" Title="奔驰004" BgColor="0x37363C"></pic>
        <pic path="imgs/10.jpg" Title="碧波天际之间" BgColor="0x27497A">
</imglist>

/////////////////