广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

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

    来源:网络收集  点击:  时间:2024-05-19
    【导读】:
    一般FLASH使用图片都是导入到库里,这是最基本的操作,像一些软件项目或游戏中,大都将资源放到外面,只有在需要时才会加载到FLASH中进行显示。在这篇经验里,我们就讲一下如何加载图片并控制图片位置和大小。注:Animate就是FLASH改名后的软件。工具/原料moreFLASH CS5/CS6/CC或者Animate CC方法/步骤1/9分步阅读

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

    2/9

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

    3/9

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

    4/9

    在主时间轴加如下代码:

    var loader:Loader=new Loader();//用于加载图片

    loader.load(new URLRequest(好看的图片.jpg));

    loader.contentLoaderInfo.addEventListener(Event.COMPLETE,LoadedEvent);//添加加载完成事件

    function LoadedEvent(e:Event):void

    {

    var bitmap:Bitmap=e.target.content as Bitmap;

    bitmap.smoothing=true;//平滑位图,以免失真

    bitmap.scaleX=bitmap.scaleY=0.75;//缩放图片

    this.addChild(bitmap);//将加载成功的位图放到舞台上

    }

    5/9

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

    6/9

    可以看到图片并没有居中显示,那我们对代码进行调整,如下:

    var loader:Loader=new Loader();//用于加载图片

    loader.load(new URLRequest(好看的图片.jpg));

    loader.contentLoaderInfo.addEventListener(Event.COMPLETE,LoadedEvent);//添加加载完成事件

    function LoadedEvent(e:Event):void

    {

    var bitmap:Bitmap=e.target.content as Bitmap;

    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);//将加载成功的位图放到舞台上

    }

    7/9

    现在运行后,就可以看到图片居中显示了,还有时需要对图片的大小进行限制,比如需要和舞台大小进行匹配,也就是充满舞台,等比例缩放。代码需要进行如下修改:

    var loader:Loader=new Loader();//用于加载图片

    loader.load(new URLRequest(好看的图片.jpg));

    loader.contentLoaderInfo.addEventListener(Event.COMPLETE,LoadedEvent);//添加加载完成事件

    function LoadedEvent(e:Event):void

    {

    var bitmap:Bitmap=e.target.content as Bitmap;

    bitmap.smoothing=true;//平滑位图,以免失真

    var scale: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);//将加载成功的位图放到舞台上

    }

    8/9

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

    9/9

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

    注意事项

    理解该教程需要一定的软件操作基础。

    什么不明白的或者其它FLASH代码方面的问题可以私信。

    软件FLASH加载图片课件
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_799547.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-06 02:23:42  耗时:0.031
    0.031s