Animate如何加载图片并控制位置和大小(AS3)

 时间:2024-09-20 19:34:07

一般FLASH使用图片都是导入到库里,这是最基本的操作,像一些软件项目或游戏中,大都将资源放到外面,只有在需要时才会加载到FLASH中进行显示。在这篇经验里,我们就讲一下如何加载图片并控制图片位置和大小。注:Animate就是FLASH改名后的软件。

工具/原料

FLASHCS5/CS6/CC或者AnimateCC

方法/步骤

1、打开制作软件,新建AS3文档。

Animate如何加载图片并控制位置和大小(AS3)

2、保存这个文档到电脑上,记住路径。

Animate如何加载图片并控制位置和大小(AS3)

3、在百度图片找一张好看的图片,并保存到刚才的路径下。

Animate如何加载图片并控制位置和大小(AS3)

Animate如何加载图片并控制位置和大小(AS3)

4、在主时间轴加如下代码:varloader:Loader=newLoader()挢旗扦渌;//用于加载图片loader.loa颊俄岿髭d(newURLRequest("好看的图片.jpg"));loader.contentLoaderInfo.addEventListener(Event.COMPLETE,LoadedEvent);//添加加载完成事件functionLoadedEvent(e:Event):void{ varbitmap:Bitmap=e.target.contentasBitmap; bitmap.smoothing=true;//平滑位图,以免失真 bitmap.scaleX=bitmap.scaleY=0.75;//缩放图片 this.addChild(bitmap);//将加载成功的位图放到舞台上}

Animate如何加载图片并控制位置和大小(AS3)

5、点击运行后的效果如下图。

Animate如何加载图片并控制位置和大小(AS3)

6、可以看到图片并没有居中显示,那我们对代码进行调整,如下:var盟敢势袂loader:Loader=newLoader();//吹涡皋陕用于加载图片loader.load(newURLRequest("好看的图片.jpg"));loader.contentLoaderInfo.addEventListener(Event.COMPLETE,LoadedEvent);//添加加载完成事件functionLoadedEvent(e:Event):void{ varbitmap:Bitmap=e.target.contentasBitmap; bitmap.smoothing=true;//平滑位图,以免失真 bitmap.scaleX=bitmap.scaleY=0.75;//缩放图片 bitmap.x=(stage.stageWidth-bitmap.width)/2; bitmap.y=(stage.stageHeight-bitmap.height)/2; this.addChild(bitmap);//将加载成功的位图放到舞台上}

Animate如何加载图片并控制位置和大小(AS3)

7、现螅岔出礤在运行后,就可以看到图片居中显示了,还有时需要对图片的大小进行限制,比如需要和舞台大小进行匹配,也就是充满舞台,等比例缩放。代码需要进行如下修改:varloader:Load髫潋啜缅er=newLoader();//用于加载图片loader.load(newURLRequest("好看的图片.jpg"));loader.contentLoaderInfo.addEventListener(Event.COMPLETE,LoadedEvent);//添加加载完成事件functionLoadedEvent(e:Event):void{ varbitmap:Bitmap=e.target.contentasBitmap; bitmap.smoothing=true;//平滑位图,以免失真 varscale:Number=Math.min(stage.stageWidth/bitmap.width,stage.stageHeight/bitmap.height);//获取最合适的缩放值 bitmap.scaleX=bitmap.scaleY=scale;//缩放图片 bitmap.x=(stage.stageWidth-bitmap.width)/2; bitmap.y=(stage.stageHeight-bitmap.height)/2; this.addChild(bitmap);//将加载成功的位图放到舞台上}

Animate如何加载图片并控制位置和大小(AS3)

8、最后运行一下,可以看到图片虽然有空白区域,但是宽度和舞台一致了。

Animate如何加载图片并控制位置和大小(AS3)

9、到这里,就可以制作外部加载图片的展示效果了,以前常用于网页焦点图中。

Animate软件如何通过代码调整元件属性(AS3) Animate怎么实现元件以烟雾形式出场动画 Animate轮播图怎么设置 怎么使用pr创建遮罩 Flash入门实例:[5]如何制作吹气球动画?
热门搜索
心理小报图片 招财貔貅图片 小型犬图片 动漫配音 雨宫琴音图片