FLASH加载XML相册

刚刚制作完简单的flash相册后在网上搜索下,又找到一个分页相册,目前还没全部弄明白,先转载上来,再学习吧。

关于FLASH加载XML相册,在网上百度一下。一大把源码。但大多都没给出完整教程。刚好最近在写一个相册,所以把完整过程记录一下。

下面讲解详细过程:
1、首先,新建一个文件夹,文件夹的名称随你怎么取都OK,用于存放本相册的所有文件。
2、然后在文件夹中新建imageda、imagexiao、image.xml、Taoshaw_Photos.fla文件。如图所示:


3、然后处理一些图片放进imageda与imagexiao目录中,imagexiao目录中的图片大小为50*50。即,小图片大小。在imageda目录中的图片大小为272*271。当然,这里是我的标准,大家可以自己定义大小的。
4、新建xml文件。写XML和格式标准,在此不再多说。内容如下:
5、新建FLASH中。建立六个图层,图层名称如下:

6、然后分别建立背景黑色条、大图片背景、加载进度条、按钮等元件。
7、有一个关键的步骤,新建一空影片剪辑。然后拖到场景中,并赋予实例名“pic_holder_mc”。
8、然后在as层中添加代码:

9、代码及详细讲解如下:

<?xml version="1.0" encoding="utf-8" ?>
<imgtao>
<img srcxiao="imagexiao/1.jpg" srcda="imageda/1.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/2.jpg" srcda="imageda/2.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/3.jpg" srcda="imageda/3.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/4.jpg" srcda="imageda/4.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/5.jpg" srcda="imageda/5.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/6.jpg" srcda="imageda/6.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/7.jpg" srcda="imageda/7.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/8.jpg" srcda="imageda/8.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/9.jpg" srcda="imageda/9.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/10.jpg" srcda="imageda/10.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/1.jpg" srcda="imageda/1.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/2.jpg" srcda="imageda/2.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/3.jpg" srcda="imageda/3.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/4.jpg" srcda="imageda/4.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/5.jpg" srcda="imageda/5.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/6.jpg" srcda="imageda/6.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/7.jpg" srcda="imageda/7.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/8.jpg" srcda="imageda/8.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/9.jpg" srcda="imageda/9.jpg" info="欢迎光临淘沙网"/>
<img srcxiao="imagexiao/10.jpg" srcda="imageda/10.jpg" info="欢迎光临淘沙网"/>
</imgtao>
//================版权声明开始================//
//★淘沙网:http://www.taoshaw.com
//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。
//================版权声明结束================//
this["loading_mc"]._visible = false;
//统一编码
System.useCodepage = true;

//定义总数量
var _total:Number = 20;
//定义每页显示数量
var page_size:Number = 4;
//计算总页数
var pages:Number = Math.ceil(_total/page_size);
var cur_page:Number = 1;
//定义XML类
var my_xml:XML = new XML();
//定义用于接收小图片的数组
var my_small_arr:Array = new Array();
//定义用于接收大图片的数组
var my_big_arr:Array = new Array();
//定义用于接收文本信息的数组
var my_info_arr:Array = new Array();

//设置加载路径
my_xml.load("image.xml");
//去掉空格
my_xml.ignoreWhite = true;
//定义用于加载小图的MovieClipLoader类
var my_smallClip:MovieClipLoader = new MovieClipLoader();
//定义用于显示加载小图信息的新项目
var my_smallObj:Object = new Object();
my_smallObj.onLoadInit = function(mc):Void {
//设置小图片的宽度
mc._width = 50;
//设置小图片的高度
mc._height = 50;
//设置小图片距离左侧注册点的距离(横向上的)
mc._x = 3;
//设置小图片距离左侧注册点的距离(纵向上的)
mc._y = 2;
};
//添加监听
my_smallClip.addListener(my_smallObj);
//定义用于加载小图片被点击后,加载的大图片的MovieClipLoader类
var my_bigClip:MovieClipLoader = new MovieClipLoader();
//定义用于显示大图片位置等信息的项目
var my_bigObj:Object = new Object();
my_bigObj.onLoadInit = function(mc):Void {
_root.loading_mc._visible = false;
//设置大图片的宽度
mc._width = 272;
//设置大图片的高度
mc._height = 271;
//设置大图片距离左侧注册点的距离(横向上的)
mc._x = 120;
//设置大图片距离左侧注册点的距离(纵向上的)
mc._y = 107;
};
//添加监听
my_bigClip.addListener(my_bigObj);
//设置加载成功代码
my_xml.onLoad = function(ok:Boolean):Void {
//如果加载成功,则运行如下代码
if (ok) {
//定义加载XML内容的数量
var my_pic_len:Number = my_xml.firstChild.childNodes.length;
for (var i:Number = 0; i<MY_PIC_LEN; {
//定义node变量,这样做的目的只是为了后面代码的简化
var node = my_xml.firstChild.childNodes;
//将加载的内容添加进前面定义的小图片、大图片、文字信息数组中
my_small_arr.push(node.attributes.srcxiao);
my_big_arr.push(node.attributes.srcda);
my_info_arr.push(node.attributes.info);
}
//以下用于显示加载的小图片
for (var i:Number = 0; i<5; i++) {
_root["press_btn"+i].img = my_big_arr;
//在按钮上面新建一个空的MC
var mc:MovieClip = _root["press_btn"+i].createEmptyMovieClip("mc", 100+i);
//加载图片
my_smallClip.loadClip(my_small_arr, mc);
//当按钮被点击的时候,就加载大图片
_root["press_btn"+i].onPress = function():Void {
//加载大图片对象
my_bigClip.loadClip(this.img, pic_holder_mc);
//根据XML信息,显示图片说明
info_txt.text = my_info_arr;
_root.loading_mc._visible = true;
};
//默认情况下加载一张大图片
my_bigClip.loadClip(my_big_arr[0], pic_holder_mc);
}
} else {
}
};
//上一页按钮代码
pre_mc.onRelease = function() {
load_images(_root.cur_page-1);
};
//下一页按钮代码
next_mc.onRelease = function() {
load_images(_root.cur_page+1);
};
//自定义加载分页时数据
function load_images(page:Number) {
//当总页数小于1时,显示第一页内容
if (page<1) {
page = 1;
} else if (page>_root.pages) {
page = _root.pages;
}
if (page == cur_page) {
return;
}
_root.cur_page = page;
var start_index = _root.page_size*(page-1);
for (var i:Number = 0; i<5; i++) {
if (i>=_total) {
break;
}
_root["press_btn"+i].img = my_big_arr[start_index+i];
//在按钮上面新建一个空的MC
var mc:MovieClip = _root["press_btn"+i].createEmptyMovieClip("mc", 100+i);
//加载图片
my_smallClip.loadClip(my_small_arr[start_index+i], mc);
//当按钮被点击的时候,就加载大图片
_root["press_btn"+i].onPress = function():Void {
my_bigClip.loadClip(this.img, pic_holder_mc);
_root.loading_mc._visible = true;
};
}
}

flash+xml 制作电子相册教程相关推荐

  1. Powerpoin怎么制作电子相册|PPT制作电子相册教程

    Powerpoin怎么制作电子相册?你是不是也对这一问题颇感兴趣呢?下面小编就为大家带来PPT制作电子相册详细教程,赶紧准备好你的自拍照什么的,开启Powerpoin制作电子相册之旅吧! Powerp ...

  2. flash动画制作修改教程及超实用的小技巧分享,硕思闪客精灵

    首先小编是一个小白,前几天刚接触这个,大神勿喷. 1.下雨效果 先画2个雨点,分别在起点和末尾改变它的位置,结合重力因素,创建传统补间动画,雨就制作好了,用相同的方法制作那两个圈,改变一下圈圈的大小就 ...

  3. FLASH游戏制作精选实例教程

    游戏是Flash制作中很重要的一部分,主要应用的是flash内嵌的action编程脚本.近期国内涌现出了很多优秀的FLASH游戏,譬如小小的<过关斩将II>,JQ的<狙击手I代> ...

  4. flash读取xml简明实例教程

    ----------------------------flash读取xml简明实例教程 -------------------------- **************************** ...

  5. 【将web进行到底之长大在线系列教程】(四) === 第三章 FLASH动画制作

    第三章 FLASH动画制作 3.1 概述 Flash是美国Macromedia公司所设计的一种二维动画软件.现在,Flash已经被Adobe公司购买,用于设计和编辑Flash文档,以及Flash Pl ...

  6. 如何制作电子相册发到微信?快速上手教程,效果酷炫刷爆朋友圈

    如何制作电子相册发到微信?现在朋友圈出现了很多旅游.儿童.婚礼等主题的电子相册,效果好看,能获得超多赞. 今天就教大家用数码大师,快速做出一个很好看的微信电子相册.朋友圈获得超多赞的效果,在这里可以直 ...

  7. flash+xml无法显示中文的解决办法

    flash+xml用来做图片动态浏览效果相当不错,被广泛运用于电子相册制作,很多朋友都会从网上下载一些相关的flash源码下载参考,但是经常发现在使用过程中,修改了xml文件中的英文后要么文本不显示, ...

  8. flash动画制作成品_Flash制作点燃蛋糕蜡烛的互动动画

    关于蜡烛已经讲了火焰的制作方法,这里再讲一下如何制作点燃蛋糕蜡烛的互动小动画. Flash如何制作蜡烛火焰动画​mp.weixin.qq.com Flash如何制作打火机点蜡烛的效果(AS3)​mp. ...

  9. 从Flash到Silverlight进阶教程-用代码来创建动画

    从Flash到Silverlight进阶教程 用代码来创建动画 这节里将要讲述一个自定义用户控件最基本的操作,就好象Flash中的MovieClips一样,动态的将其添加到舞台上. 首先你将要看到如何 ...

  10. html加载swf 进度条,教你用FLASH如何制作完整的loading

    在接触flash动画的同时,相信你也有一定接触过loading这个东西吧.毕竟loading这个东西在网页制作的时候,还是十分的重要的.但是你知道怎样使用FLASH来制作出来吗?今天小编就为大家介绍这 ...

最新文章

  1. Go 知识点(13) — 如何判断变量类型
  2. SMS主站点配置详细图解:Sms2003系列之二
  3. 空跑Python程序
  4. canvas之三:绘制弧和圆
  5. matlab绘图 subplot函数使用方法
  6. Spark累加器实现原理及基础编程
  7. python简笔画绘制 数据驱动绘图_python:绘制枫叶简笔画
  8. 云服务器上mysql数据库环境安装配置
  9. java实验多线程机制_JAVA 多线程机制(一)
  10. LeetCode(783)——二叉搜索树结点最小距离(JavaScript)
  11. stats—stats.probplot绘制数据与正态分布分位数的拟合图
  12. Xshell6下载安装
  13. 我,是广工的一名电商男孩。喜欢唱跳 rap 我们终究会遇见 有缘 李伟鸿
  14. android的终端模拟器,安卓开发者必备的 5 款 App:终端模拟器、颜色萃取、移动 IDE 等...
  15. Android手机安装原版BT5[ARM]
  16. ContentProvider简结
  17. 智能产品如何“智能”?开发者总结五大经验
  18. JDK1.8 or JDK8傻傻分不清楚
  19. 计算机无法保存,无法保存打印机设置0x000006d9?教您怎么办
  20. 5分钟教你搞定瀑布流样式

热门文章

  1. [视频教程] C语言全套视频教程(已更新完毕
  2. 无线投影之Miracast技术 收集
  3. 心法利器[58] | 从长尾问题到以搜代分的机理探索
  4. 信号与系统——傅里叶变换
  5. WebSql用法(自我记录)
  6. PHP聚合直播盒子网站源码聚合全网直播
  7. Vue中 实现 Echarts 图表宽高自适应
  8. java jpa面试题_jpa面试题解析,java面试题
  9. HTML思维导图+学习笔记+实际案例
  10. python参考手册下载_python3.8.4官方中文文档 API手册 PDF 高质量版