多媒体交互应用基础（8）

问题一：如何加载外部图片

Flash 制作多媒体的时候，经常要使用到外部加载图片，swf文件等这些都是一些常用性的需要我们去解决的问题。Adobe flash as 为我们提供了一个Loader 类帮助我们解决这些相关的问题；

 

Loader 类可用于加载 SWF 文件或图像（JPG、PNG 或 GIF）文件。

LoaderInfo 类可提供有关已加载的 SWF 文件或图像文件（JPEG、GIF 或 PNG）的信息。

 

1. package 
2. {
3.     import flash.display.MovieClip;
4.     import flash.events.*;
5.     import flash.display.Loader;
6.     import flash.net.URLRequest;
8.     public class Example extends MovieClip
9.     {
10.         public function Example()
11.         {
12.             init();
14.         }
15.         private function init():void
16.         {
17.             var _loader:Loader=new Loader();
18.             addChild(_loader);
19.             _loader.load(new URLRequest("1.jpg"));
20.             _loader.contentLoaderInfo.addEventListener(Event.COMPLETE,loadhander);
21.             _loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,Iohander);
23.         }
24.         private function loadhander(e:Event):void
25.         {
26.             trace("加载成功");
27.         }
28.         private function Iohander(e:IOErrorEvent):void
29.         {
31.             trace("加载错误");
33.         }
34.     }
35. }

加载完之后，我们尝试看看增加多一个跟踪事件

trace(e.target.content);

 

输出的结果是：

加载成功

[object Bitmap]

 

显然返回一个位图对象

 

修改一下代码看看结果如何：

 

1. private function init():void
2.         {
3.             var _loader:Loader=new Loader();
4.             _loader.load(new URLRequest("1.jpg"));
5.             _loader.contentLoaderInfo.addEventListener(Event.COMPLETE,loadhander);
6.             _loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,Iohander);
8.         }
9.         private function loadhander(e:Event):void
10.         {
11.             trace("加载成功");
12.             trace(e.target.content);
13.             var image:Bitmap= e.currentTarget.content as Bitmap;
14.             //var bitmap:BitmapData=image.bitmapData;
15.             addChild(image);
16.              
17.             
18.             
19.         }

同样显示出图片。只是加载后返回的信息是一个位图，这样我们就可以对位图进行一些操作和交互效果

问题二：被加载的对象如何进行交互?

看看位图类的继承关系：Bitmap 》DisplayObject》 EventDispatcher》 Object

这里Bitmap对象是不支持鼠标事件，因此要将其转换成我们支持的对象。因此需要我们进行一些设置。我们新建MovieClip对象，将我们所需要的对象加人显示清单，并将其添加到mc对象的子级显示列表里面。

 

InteractiveObject 类是用户可以使用鼠标和键盘与之交互的所有显示对象的抽象基类。

1. package 
2. {
3.     import flash.display.MovieClip;
4.     import flash.events.*;
5.     import flash.display.Loader;
6.     import flash.net.URLRequest;
7.     import flash.display.Bitmap;
8.     public class Example extends MovieClip
9.     {
10.         public function Example()
11.         {
12.             init();
14.         }
15.         private function init():void
16.         {
17.             var _loader:Loader=new Loader();
18.             _loader.load(new URLRequest("1.jpg"));
19.             _loader.contentLoaderInfo.addEventListener(Event.COMPLETE,loadhander);
20.             _loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,Iohander);
22.         }
23.         private function loadhander(e:Event):void
24.         {
25.             trace("加载成功");
26.             trace(e.target.content);
27.             var image:Bitmap= e.currentTarget.content as Bitmap;
28.             //var bitmap:BitmapData=image.bitmapData;
29.             var mc:MovieClip=new MovieClip();
30.             mc.addChild(image);
31.             addChild(mc);
32.             mc.addEventListener(MouseEvent.CLICK,onClick);
33.              
34.         }
35.         private function Iohander(e:IOErrorEvent):void
36.         {
38.             trace("加载错误");
40.         }
41.         private function onClick(e:MouseEvent):void
42.         {
44.             trace("你点击了我");
45.         }
46.     }
47. }

这里就是一些简单的交互效果，通过鼠标或者键盘进行更加丰富的交互效果

 

转载于:https://www.cnblogs.com/guoyiqi/archive/2009/01/04/2069449.html