flash课件制作技术精粹-样章-课件中的多媒体素材处理素材处理技术

FLASH课件制作技术精粹已经由电子工业出版社2012年6月正式出版，本书采用 FLASH CS5+AS3为基础，深入阐述了FLASH在课件内容加工、界面设计、课件发布等方面知识，并配套了DVD光盘包括了书上所有案例的源文件及近年国家获奖课件。

如果在学习过程中有任何问题，可以在上提问，我们也会通过论坛及时发布本书的更新，提供更丰富的学习资源与案例。

欢迎 大家提供反馈建议,E-mail:qiexing@
且行
第6章F LASH课件中的多媒体素材处理技术
FLASH课件制作很大程度上是对承载教学信息的各种类型媒体素材的加工处理，包括
内容的加载、形式选择以及显示控制等。

图像是课件制作中经常要使用的呈现表达信息的方式，因此从FLASH图像处理技术谈起。

6.1FLASH中的图像处理技术
图像相比文字，更具体直观，能为学习者提供物体的具体的形象，有研究表明利用示意结构图等简化的图像形式能够更有效的传达教学信息，另外图像在课件中还起到重要的修饰美化作用等，具体体现在以下几方面：
1，承载教学信息，图像本身就是学习内容的一部分。

2，利用图像或示意图代替文字描述，或与文字相结合共同表达教学内容，转化传统教材的文字表达形式，以符合学习者的视觉阅读习惯。

3，图像作为背景或其它美化元素。

4，图像作为其它指代符号，用来辅助表示课件的结构、帮助以及操作等信息。

图像在FLASH课件制作中非常重要，FLASH中处理图像信息主要有四种方式：
1，通过文件菜单导入，这一种方式非常简单方便，导入的图像存储在FLASH库中，可以直接拖放到舞台，并进行一定的编辑处理。

图6-1导入库中的图片
在舞台上的图像可以通过分离为形状进行裁切等多种方式的编辑。

2，通过FLASH的绘图工具绘制。

3，通过Loader对象加载外部独立的图像文件。

4，通过BitmapData处理图像
6.1.1FLASH读取外部图像文件
不将图像直接导入到FLASH内容进行处理的优势在于大大减少FLASH课件的存储伴音，而且替换与修改课件内容更方便灵活，直接替换外部文件就可以完成操作。

FLASH读取外部图像整体流程如图：
图6-2利用AS加载图片的过程
下面是将img目录下的color图像在FLASH中显示的代码：
//定义图像文件路径
var imgString:String=” img/color.jpg”;
//定义加载请求
var pictURLReq:URLRequest = new URLRequest(imgString);
//定义Loader
var picLoader = new Loader();
picLoader.load(pictURLReq);
picLoader.x=50;
picLoader.y=20;
//添加到显示列表，在舞台上显示
addChild(picLoader);
利用此种方法可以导入图像，也可以导入SWF文件，过程相同。

如果需要在图像加载完成时，进行图像编辑处理，可以添加事件侦听，以判断图像是否加载完成：使用contentLoaderInfo属性处理事件返回与正在加载的对象相对应的LoaderInfo 对象，content 属性用来指向加载对象的数据。

注意侦听对象是contentLoaderInfo而不是Loader对象。

在上述代码基础上修改为先判断是否加载完成，然后再添加到显示列表：
picLoader.contentLoaderInfo..addEventListener(PLETE,loader_ok);
function loader_ok(e:Event){
addChild(picLoader);
trace("位图载入成功"); //位图载入成功
}
加载的图像还可以通过Bitmap类显示：
picLoader.contentLoaderInfo..addEventListener(PLETE,loader_ok);
function loader_ok(e:Event){
var myimg:Bitmap=new Bitmap(e.target.content.bitmapData);
addChild(myimg)
trace("位图载入成功"); //位图载入成功
}
e.target.content表示事件源内容，类似的写法还有：等
6.1.2利用加载外部图片实现课件替换背景功能
很多软件为了实现用户的个性选择设计了换肤功能，课件也可以根据不同的用户需求，让用户可以自主选择课件背景图像、背景音乐等。

下面以一个实例简要说明课件中实现换背景图像的方法。

最简单的替换图像方法是直接替换图像，可以为课件设计几种风格的背景图像让用户在使用时自行选择。

示例文件的时间轴及结构如图所示：
图6-3时间轴结构
在背景图层上放一个实例名为bgmc的影片剪辑，用来放置背景图片，没有将图片直接置于舞台。

按钮图层上的按钮实例名分别为：bg1、bg2、bg3
功能实现代码：
//初始背景图片容器的位置于舞台的左上角
bgmc.x=0;
bgmc.y=0;
var picLoader = new Loader();
var picfile:String = "img/bg1.jpg";
var pictURLReq:URLRequest = new URLRequest();
addEventListener(MouseEvent.CLICK, getButtonName);//对舞台上的所有按钮和影片剪辑进行侦听
function getButtonName(evt:MouseEvent)
{
switch ()
{
case "bg1" :
picfile = "img/bg1.jpg";
pictURLReq.url=picfile;
picLoader.load(pictURLReq);
bgmc.addChild(picLoader);
break;
case "bg2" :
picfile = "img/bg2.jpg";
pictURLReq.url=picfile;
picLoader.load(pictURLReq);
bgmc.addChild(picLoader);
break;
case "bg3" :
picfile = "img/bg3.jpg";
pictURLReq.url=picfile;
picLoader.load(pictURLReq);
bgmc.addChild(picLoader);
break;
default :
return;
}
}
6.1.3FLASH加载库中的图像
利用FLASH中的BitmapData对象可以加载导入到库中的图像素材并进行相应处理，前提是库中的图像素材一定要设置导出类的名称：
图6-4为图像设置导出类
FLASH加载库中图像代码为：
//Androidimg是资源库中的android_w.png符号的类名。

//创建一个名为myBitmapDataObject的新的Androidimg对象实例:
var myBitmapDataObject:Androidimg = new Androidimg(100, 100);
//创建一个名为myImage的位图对象实例来包含位图数据:
var myImage:Bitmap = new Bitmap(myBitmapDataObject);
//将myImage添加到当前时间轴的显示列表中
addChild(myImage);
BitmapData是Bitmap（用于在屏幕上显示位图图像）的内容，生成和处
理图像必须通过BitmapData类（用于访问和操作位图的原始图像数据）
完成。

下面是一个在立方体盒子中，显示蜜蜂的实例，盒子的图片从外部加载，蜜蜂从库中加载。

（素材见配套光盘）
图6-5效果图
//定义外部图像路径
var IMAGE_URL:String = new String("flowers.jpg");
//定义Loader
var ldr:Loader = new Loader();
//定位五个Bitmap分别对应立方体的五个面，前面的面省略
var bitmap1:Bitmap;
var bitmap2:Bitmap;
var bitmap3:Bitmap;
var bitmap4:Bitmap;
var bitmap5:Bitmap;
//定义蜜蜂，bumblebee是库中元件绑定的类
var mybee:bumblebee = new bumblebee();
//判断图像加载完成
ldr.contentLoaderInfo.addEventListener(PLETE, addSides);
//加载图像
ldr.load(new URLRequest(IMAGE_URL));
//显示图像，立方体每一个面图像显示的旋转角度不同
function addSides(evt:Event):void {
//use the as operator to cast the loader data to a Bitmap object
var bmp:Bitmap = ldr.content as Bitmap;
//create a bitmap instance
bitmap1 = new Bitmap(bmp.bitmapData);
//rotate the instance to create a 3D effect
bitmap1.rotationX = 90;
//add the instance to the display list
addChild(bitmap1);
bitmap2 = new Bitmap(bmp.bitmapData);
bitmap2.z = 400;
bitmap2.rotationY = 90;
addChild(bitmap2);
bitmap3 = new Bitmap(bmp.bitmapData);
bitmap3.z = 400;
addChild(bitmap3);
bitmap4 = new Bitmap(bmp.bitmapData);
bitmap4.z = 0;
bitmap4.x = 400;
bitmap4.rotationY = 270;
addChild(bitmap4);
bitmap5 = new Bitmap(bmp.bitmapData);
bitmap5.y = 400;
bitmap5.z = 400;
bitmap5.rotationX = 270;
addChild(bitmap5);
//控制蜜蜂位置和显示
addBee();
}
//蜜蜂位置和显示
function addBee(): void {
mybee.x = 100;
mybee.y = 100;
addChild(mybee);
}
6.2FLASH中的声音处理技术
听觉是人获取信息的第二大感官，课件中的声音主要有：解说、背景音乐、音效等类型，利用声音信息可以传递教学信息，渲染气氛，创建真实的情境或者制造轻松的学习氛围。

FLASH中的声音导入可以直接通过文件菜单的导入功能，也可以利用Sound类从外部加载声音。

6.2.1声音导入
FLASH支持的声音的格式包括：wav、mp3等。

导入的声音都会出在库里，将库面板打开，就会看到您刚刚导入的声音文件。

声音导入后，作品中并不会出现声音，将声音元件加入到作品中有两种方式：
图6-6导入库中的声音
一种方式是在时间轴上选中帧，将声音拖放到舞台上，虽然此时舞台上见不到声音，但帧的图标上会显示声音的轨迹。

图6-7添加到帧上的声音
另一种方式是选中帧后，在属性面板中选择声音：
图6-8声音属性
声音添加到作品（帧）上后，有一个关于同步的选项设置对于声音播放直接相关。

FLASH中声音同步有四种方式：
事件、开始、停止和数据流。

事件：声音和一个事件的发生过程同步起来。

事件与声音在它的起始关键帧开始显示时播放，并独立于时间轴播放完整的声音，即使SWF文件停止执行，声音也会继续播放，如果事件多次发生，则可能造成混音。

开始：和事件同步类似，但如果声音正在播放，不会开始新的声音实例。

停止：让指定的声音静音。

数据流：强制动画和音频流同步。

与事件声音不同，音频流随着SWF文件的停止而停止。

在课件制作中，一般为按钮添加音效（如经过按钮发出提示间或单击按
钮发出声音）选择开始同步，避免声音混合。

为课件设置背景音乐或者
制作MTV要求声音同步效果的，设置为数据流。

如果为课件文字提供解
说词可以选择事件，且播放一次，以保证解说内容不受动画播放的影响
（或设置画外音效果，也是和时间轴动画播放无关的）。

FLASH对导入的声音提供了简单的编辑功能，可以直接在属性面板上设置淡入淡出等效果设置，也可以利用封套进行个性化的设置：
图6-9声音封套编辑
下面以制作一个带有音效效果的按钮为例说明声音在FLASH中的使用：
1，制作一个按钮元件置于舞台
2，导入两个声音：roll.wav和click.wav声音素材到库中：
图6-10导入按钮需要的声音素材
3，双击按钮，进入按钮元件，分别选中指针经过针和按钮帧，为它们添加声音，同步方式为“开始”。

图6-11为按钮添加音效
6.2.2利用同步控制声音的播放与停止
课件制作过程中经常需要实现声音的播放与停止功能，与在重力加速度测量课件中，在秒表启动时会有嘀嗒声，计时秒表停止时则声音停止。

在FLASH中就可以利用声音同步的开始与停止功能来实现（更丰富和灵活的控制方式参考7.2.3）案例。

图6-12课件界面
将声音素材导入到库后，放在一个独立的影片剪辑元件中，将声音添加元件的帧上，播放时则元件跳转到声音开始的帧，如果需要声音停止则跳转到声音停止的帧。

元件的时间轴结构：
图6-13影片剪辑的时间轴
影片剪辑元件的按钮图层第一帧和第二帧分别放一个控制时间轴跳转的按钮，实例名分别为：btn_js和btn_zt。

第一帧的代码为：
stop();
btn_js.addEventListener(MouseEvent.CLICK,onFunction);
function onFunction(event:MouseEvent):void{
//跳转到关的按钮帧上，也可以添加一些关于开按钮的相应操作
gotoAndStop(2);
}
第二帧代码与之类似，只是相应控制按钮要实现从第二帧跳转到第一帧。

实现声音控制的原理在于：跳转到第二帧时，第二帧上的声音同步方式是“开始”，声音开始播放。

跳转到第一帧时，第一帧上的声音同步方式是“停止”，声音不再继续播放，所以能够通过时间轴的跳转实现了声音的播放和停止。

图6-14声音同步设置
6.2.3FLASH读取外部声音文件
将声音导入到库文件进行编辑和应用会增加FLASH文件的存储空间，而且声音的替换也不方便。

在FLASH课件制作中除按钮音效声音外，如果能够实现声音文件与课件文档分离，这样在使用声音时会更加灵活，比如如果想替换课件的背景音乐，只需要将上部的声音文件替换就可以了，不需要对课件内容进行任何修改。

在AS3中，对声音的处理框架如下：
图6-15声音处理框架
在课件制作中因为只需要控制声音的加载播放、停止和音量即可，所以经常用到的是Sound和SoundChannel、SoundTransform类。

1，加载外部声音并播放
图6-16 AS3加载声音过程
具体代码：
//定义声音文件所在路径
var bgsound_string:String = "a.mp3"
//定义加载请求,也可以写成var bgsound_url:URLRequest=new URLRequest("a.mp3");
var bgsound_url:URLRequest=new URLRequest();
bgsound_url.url=bgsound_string;
//定义声音与声音的声道
var bgsound:Sound=new Sound();
var bgsound_channel:SoundChannel=new SoundChannel()
//加载声音
bgsound.load(bgsound_url);
//声音加载完成播放
bgsound.addEventListener(PLETE, startPlay);
function startPlay(event:Event) {
bgsound_channel=bgsound.play();
//如果不需要控制声音停止，可以直接使用bgsound.play();。

bgsound_channel.addEventListener(Event.SOUND_COMPLETE,startPlay)
//若将上句bgsound的侦听函数放到startPlay函数外，将不会重复播放。

//所以只能在对bgsound进行实例化以后，才能侦听它是否播放完毕。

}
2，停止声音播放
在前面例子基础上，添加一个控制声音停止的按钮，实例名为stopSound，实现功能的代码如下：
stopSound.addEventListener(MouseEvent.CLICK, stopSoundF);
function stopSoundF(event:MouseEvent):void{
bgsound_channel.stop();
}
注意对声音的停止是利用SoundChannel对象实现的，不是Sound对象，
Sound对象能够实现声音的播放，但没有stop()方法，为能控制声音停止
一定要将播放的声音实例添加到SoundChannel对象：
bgsound_channel=bgsound.play();
3，控制音量的大小
在舞台上放两个控制音量的按钮，实例名为：addvol和subvol（在熟悉拖放操作后可以利用滑块控制音量。

完整代码如下：
//定义声音文件所在路径
var bgsound_string:String = "a.mp3"
//定义加载请求,也可以写成var bgsound_url:URLRequest=new URLRequest("a.mp3");
var bgsound_url:URLRequest=new URLRequest();
bgsound_url.url=bgsound_string;
//定义声音与声音的声道
var bgsound:Sound=new Sound();
//用于控制声音停止
var bgsound_channel:SoundChannel=new SoundChannel();
//用于控制声音音量
var my_vol:SoundTransform=new SoundTransform();
my_vol.volume=1;//初始音量
//加载声音
bgsound.load(bgsound_url);
bgsound_channel.soundTransform=my_vol;//将音量赋值给声音流，用于控制。

//声音加载完成播放
bgsound.addEventListener(PLETE, startPlay);
function startPlay(event:Event) {
bgsound_channel.soundTransform=my_vol;//如果没这句，每次播放完成以后，声音又变为1了。

bgsound_channel=bgsound.play();//如果不需要控制声音停止，可以直接使用bgsound.play();。

bgsound_channel.addEventListener(Event.SOUND_COMPLETE,startPlay)
//若将上句bgsound的侦听函数放到startPlay函数外，将不会重复播放。

//所以只能在对bgsound进行实例化以后，才能侦听它是否播放完毕。

}
addvol.addEventListener(MouseEvent.CLICK, addvolF);
function addvolF(event:MouseEvent):void{
my_vol.volume=my_vol.volume+0.1;
bgsound_channel.soundTransform=my_vol;
}
subvol.addEventListener(MouseEvent.CLICK, subvolF);
function subvolF(event:MouseEvent):void{
my_vol.volume=my_vol.volume-0.1;
bgsound_channel.soundTransform=my_vol;
}
控制音量是利用soundTransform类，在改变其volum值后一定要更新给
SoundChannel对象才能生效。

4，声音暂停
在播放声音时，SoundChannel.position属性指示当前播放到的声音文件位置。

课件可以在停止播放声音之前存储位置：
var pausePosition:int = bgsound_channel.position;// bgsound_channel为SoundChannel实例
bgsound_channel.stop();
要恢复播放声音，从前存储的值地方播放即可：
bgsound_channel = bgsound.play(pausePosition);// bgsound为Sound类的实例。

具体实例方法请参考光盘：声音处理文件夹中的”声音暂停.fla”。

6.3FLASH中的视频处理技术
录像和视频能够记录真实的操作过程，在课件中利用视频可以更好的展现一些实验、现场场景。

利用特别的制作方法还可以实现一些微观或宏观无法直
接观察的对象信息，如对天体运行信息或细胞内部结构的观察等，视频打破了学习时间和空间上的限制。

在FLASH中，可以象声音一样直接导入视频或利用代码加载外部视频。

与其它多媒体集成软件相比，FLASH直接支持FLV系列视频，不用进行格式转换，比PowerPoint等软件便捷，FLASH内置了视频播放组件，可以对视频播放进行控制。

另外FLASH软件还提供了Media Encoder工具，能对视频文件进行格式转换等操作。

6.3.1视频编辑与导入
FLASH文件菜单导入视频命令，可以将视频文件直接导入到FLASH。

虽然FLASH支持AVI，WMV等多种视频格式，但建议大家利用Media Encoder工具将其转换为FLV等格式后再使用。

图6-17视频的导入
在课件制作中导入的视频通常采用前两种方式，一种是：使用回放组件加载外部视频，另一种是在SWF上嵌入FLV并在时间轴中播放。

图6-18视频导入方式选择
第一种方式提供了控制视频播放的组件，使用比较方便，并且组件可选类型非常丰富。

图6-19视频组件选择
组件在库片板中可以查看：
图6-20视频控制
要注意这种方式导入的视频并没有被导入到FLASH内，所以必须保证视
频文件路径不能发生变化，否则视频无法正常播放。

第二种方式会将视频导入到FLASH内，不会受视频文件路径影响，并且可以选择以独立的影片剪辑形式存在，可以象控制影片剪辑一样控制视频。

但插入的视频会增加课件的存储空间，而且发布课件时间会大延长，所以如果要采用这种方式插入视频，等课件接近完成时，再插入测试。

图6-21以影片剪辑方式导入视频
6.3.2FLASH读取外部视频
通过文件菜单导入视频是视频的传统使用方法，通过AS3可以微调和控制视频的加载、演示及回放。

AS加载外部视频的一般过程如图所示：
图6-22 AS3导入外部视频
下面以加载示例文件夹中的“开辟新航路的原因.flv”为例说明利用AS代码对视频的控制功能。

1，创建AS3 FLASH文档，在舞台上放置四个按钮，实例名分别为：pauseBtn，playBtn，stopBtn，togglePauseBtn。

图6-23控制视频的按钮
2，在代码层添加控制视频的代码，具体如下：
//定义和打开网络连接
var nc:NetConnection = new NetConnection();
nc.connect(null);
//定义视频源
var ns:NetStream = new NetStream(nc);
ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler);
ns.play("示例文件/开辟新航路的原因.flv");
function asyncErrorHandler(event:AsyncErrorEvent):void
{
//忽略错误
}
//创建视频显示实例
var vid:Video = new Video();
vid.attachNetStream(ns);
//让视频水平居中显示
addChild(vid);
vid.x = (stage.stageWidth-vid.width)/2;
vid.y =30;
//视频的四个控制按钮建立事件侦听,对视频的控制是对视频源的控制即NetStream 的控制
pauseBtn.addEventListener(MouseEvent.CLICK, pauseHandler);
playBtn.addEventListener(MouseEvent.CLICK, playHandler);
stopBtn.addEventListener(MouseEvent.CLICK, stopHandler);
togglePauseBtn.addEventListener(MouseEvent.CLICK, togglePauseHandler);
//暂停
function pauseHandler(event:MouseEvent):void
{
ns.pause();
}
//播放
function playHandler(event:MouseEvent):void
{
ns.resume();
}
function stopHandler(event:MouseEvent):void
{
ns.pause();
//返回视频开始处，即播放时间开始时间0处位置
ns.seek(0);
}
//暂停和播放的复合功能
function togglePauseHandler(event:MouseEvent):void
{
ns.togglePause();
}
控制视频播放是利用NetStream类的pause()，resume()，seek()和
togglePause()的方法。

在_STATUS事件中，利用.code可以侦听视
频播放的过程：
NetStream.Play.Start和NetStream.Play.Stop表示视频开始和结束。

6.3.3从库中创建视频
在FLASH CS5中，可以直接从库面板创建视频对象（或在库面板右键单击选择新建视频）：
图6-24从库中创建视频
1，将新建的视频元件放到舞台上，并将实例名设置为：my_video，通过属性面板调整视频元件大小。

2，新建一AS图层，并加入以下代码：
//定义和打开视频连接
var connection_nc:NetConnection = new NetConnection();
connection_nc.connect(null);
//定义视频源
var stream_ns:NetStream = new NetStream(connection_nc);
//创建视频实例
my_video.attachNetStream(stream_ns);
stream_ns.play("示例文件/毛遂自荐.flv");
在FLASH库中创建视频元件，选择嵌入方式，可以将视频直接导入到库
视频元件中。

不用再利用ActionScript代码来控制视频加载。

6.3.4在FLASH中捕获摄像头视频
摄像头已经成为越来越多电脑的标准配置，在课件中可以利用摄像头验证用户信息，或通过摄像头为学习者提供真实的视频信息等。

在FLASH捕获摄像头的视频代码比较简单，具体如下：
import FLASH.media.Camera;
import FLASH.media.Video;
//定义摄像头，注意摄像头生成实例的方法是getCamera(),而不是通常用的new方法。

var mycam:Camera = Camera.getCamera();
//创建视频显示实例
var my_vid = new Video();
my_vid.attachCamera(mycam);
addChild(my_vid);
//让视频居中显示
my_vid.x = (stage.stageWidth - my_vid.width)/2;
my_vid.y = (stage.stageHeight - my_vid.height)/2;
但视频要正常显示，必须经过用户同意：
图6-25播放器安全设置
为增加代码的适用性，添加了检测摄像头以及用户操作行为，更改如下（camTxt和userTxt是用来反馈摄像头检测和用户操作结果信息的动态文本框实例名）：
import FLASH.media.Camera;
import FLASH.media.Video;
import FLASH.events.StatusEvent;
//定义摄像头，注意摄像头生成实例的方法是getCamera(),而不是通常用的new方法。

if(s.length>0){
camTxt.text ="用户安装了摄像头："+s;
var mycam:Camera = Camera.getCamera();
//创建视频显示实例
var my_vid = new Video();
my_vid.attachCamera(mycam);
addChild(my_vid);
//让视频居中显示
my_vid.x = (stage.stageWidth - my_vid.width)/2;
my_vid.y = (stage.stageHeight - my_vid.height)/2;
//侦听用户操作是否允许视频
mycam.addEventListener(StatusEvent.STATUS,statusHandler);
}else{
camTxt.text = "用户计算机没有安装摄像头或没有找到";
userTxt.text="";
}
function statusHandler(event:StatusEvent):void{
switch(event.code){
case "Camera.Muted":
userTxt.text="用户拒绝视频显示";
break;
case "Camera.Unmuted":
userTxt.text="用户允许视频显示";
break;
}
}
6.4文本信息和XML文件处理技术
文本在课件制作中的作用不用多言，在此节主要介绍除文本工具以外，AS 处理文件信息主要技术，包括TextField类及XML类的应用。

6.4.1利用TextField类添加文本信息
在屏幕上显示信息，可以利用TextField类，下面以一个围绕X轴旋转的文字效果介绍其基本应用，代码如下：
//定义文本
var text_txt:TextField=new TextField();
//定义格式
var format:TextFormat=new TextFormat();
format.size=40;
format.bold=true;
format.color=0xff0000;
text_txt.autoSize=TextFieldAutoSize.CENTER;
//应用格式
text_txt.defaultTextFormat=format;
text_txt.text="FLASH课件制作技术精粹";
//添加到显示列表，并控制显示位置
addChild(text_txt);
text_txt.x=30;
text_txt.y=200;
//文字动画，围绕X轴旋转
text_txt.addEventListener(Event.ENTER_FRAME,onEnterFram);
function onEnterFram(e:Event){
e.target.rotationX-=5;
}
文本字段中也支持图像的显示，即支持html文本内容，利用htmlText属
性，示例如下：
var text_txt:TextField=new TextField();
var myText:String = "<P>教育技术论坛<b></b>是一个免费开
放的教育技术专业学习社区,通过QQ帐号或新浪微博帐号可以直接登录！
<img src = 'logo.png'/></p>"
text_txt.width = 300;
text_txt.height = 150;
//多行
text_txt.multiline = true;
//换行
text_txt.wordWrap = true;
//边框
text_txt.border = true;
addChild(text_txt);
text_txt.htmlText = myText;
6.4.2XML文件处理技术
XML是可扩展标记语言，Extensible Markup Language的简写，已经成为当前WEB技术中最普遍的数据存储和传输工具。

利用XML可以结构化的存储一些课件中的信息，如学生的成绩、课件外部文件的管理信息以及课件中文本内容等。

1，了解XML文件
XML类似于HTML，但用途不同，XML在于描述数据和存储数据，XML的标签可以自己定义，比如用XML描述一个课件的基本信息：
<?xml version = “1.0” encoding = “UTF-8” ?>
<caiinfo>
<cai>
<title>FLASH课件制作技术</title>
<author age="30" >孙方</author>
<tool>FLASH</tool>
</cai>
<cai>
<title>PPT课件制作</title>
<author age="30" >且行</author>
<tool>PowerPoint</tool>
</cai>
</caiinfo>
xml文件第一行放置xml说明文件版本和编码等信息
标记用一组尖括号表示，如<cai></cai>是一组标记，必须成组而且不能嵌
套。

每一组标记，也称之为元素。

第一个XML文件只能有一个根元素，这里是<caiinfo></caiinfo>
xml区分大小写，建议所有标记以小写形式出现
标记中可以加入描述元素，描述的内容要用引号引起来，如
<author></author>标记中有age的描述信息，我们称age为属性。

为防止出错乱码，XML文件保存为UTF-8编码格式。

2，读取XML文件内容
读取xml文件内容与读取外部声音、图片等类似，都有路径、请求、加载等过程，只是因为读取对象不同，适用的类也有所不同，读取xml内容具体过程如下图：
图6-26读取XML文件过程
完整代码如下：
//防止什么gb2312编码时出现中文乱码
//eCodepage = true;
//xml文件地址
var xml_url:String ="cai.xml";
//定义URL通信请求
var xmlRequest:URLRequest = new URLRequest(xml_url);
//定义URL加载内容
var xmlLoader:URLLoader = new URLLoader(xmlRequest);
//声明一个XML对象并生成实例
var myXML:XML= new XML();
//忽略空格
myXML.ignoreWhitespace = true;
//加载XML文件
//添加装载完成侦听器,
//PLETE的值是"complete",直接用此字符串也可以。

xmlLoader.addEventListener(PLETE, xmlLoaded);
function xmlLoaded(event:Event) {
myXML = XML(xmlLoader.data);
trace("数据装载完成.");
trace (myXML);
}
3，访问XML文件的值
（1）新建一FLASH AS3文档，时间轴结构如图：
图6-27XML内容绑定
舞台上放置三个动态文本框，实例名分别为：title_txt，author_txt，tool_txt。

按钮的实例名为：bd_btn
（2）添加as图层，输入以下代码：
//声明一个XML对象并生成实例
var myXML:XML= new XML();
//xml文件地址
var xml_url:String ="cai.xml";
//定义URL通信请求
var xmlRequest:URLRequest = new URLRequest(xml_url);
//定义URL加载内容
var xmlLoader:URLLoader = new URLLoader(xmlRequest);
myXML.ignoreWhitespace = true;
xmlLoader.addEventListener(PLETE, xmlLoaded);
function xmlLoaded(event:Event) {
myXML = XML(xmlLoader.data);
}
bd_btn.addEventListener(MouseEvent.CLICK,bdF);
function bdF(event:MouseEvent){
title_txt.appendText(myXML.title);
author_txt.appendText(myXML.author+"年龄"+myXML.author.@age);
tool_txt.appendText(myXML.tool);
}
实现内容的访问主要是：
title_txt.appendText(myXML.title);
author_txt.appendText(myXML.author+"年龄"+myXML.author.@age);
tool_txt.appendText(myXML.tool);
appendText()方法是向动态文本框追加内容。

访问XML文件元素内容可以直接利用.标记名称来实现
访问XML文件标记中属性可以利用.标记名称.@属性名称访问（3）运行结果如图：
图6-28运行结果
4，修改和更新XML文件中的内容
修改与更新XML文件内容与访问它们属性方法一致，也是利用.和@符号对其标记及属性进行重新赋值，但赋值必须保证标记元素的唯一性。

下面以一个课件中更新学生平时成绩为例说明修改xml内容的方法。

（1）xml文件为studentmedia.xml，xml结构：
<studentlist>
<student>
<name>曹连申</name>
<calling>0</calling>
<homework>0</homework>
<answer>0</answer>
<total>60</total>
</student>
<student>
<name>陈家鸿</name>
<calling>0</calling>
<homework>0</homework>
<answer>0</answer>
<total>60</total>
</student>
…
</studentlist>
(2)课件界面设计结构，其文本框分别与xml中相应的属性相对应：
图6-29平时成绩记录界面
(3)更新内容实际是将文本框中的值赋值给xml中的元素，关键代码如下：
var studentindex:uint = 0;//学生索引号
studentanswer = studentanswer+5;
myXml.student[studentindex].answer=studentanswer;
因为xml文件中有许多student和aunswer等节点，所以利用studentindex
来区别不同的学生，如果没有[studentindex]肯定出错。

xml对象在创建并访问其元素值时，其自动会创建一个XMLList对象，它
是XML内容的集合，可以通过数组访问符[]访问。

更新内容的值得必须保存到计算机才能在课件下次运行时生效：
//更新学习者的学习平时成绩
update_btn.addEventListener (MouseEvent.CLICK,updateHandler);
function updateHandler(event:MouseEvent):void {
var file:FileReference = new FileReference();
file.save(myXml.toXMLString(), xml_url);
}
FileReference类可以存取计算机本地文件,save()方法第一个参数是文件内
容，第二个参数是文件存储路径。

本实例中的详细代码请参考光盘中“一个课件用于多班不同学生”文件夹中的课件源文件。