`

GIF 图片显示 FLEX

    博客分类:
  • flex
阅读更多
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"    layout="absolute"    horizontalAlign="center"    creationComplete="init();"    backgroundColor="#FFFFFF"    backgroundGradientColors="[#FFFFFF,#C0C0C0]">
<mx:Script>
<![CDATA[
    import flash.net.URLRequest; 
    import org.bytearray.gif.player.GIFPlayer;
    import org.bytearray.gif.events.FileTypeEvent;
    import org.bytearray.gif.events.GIFPlayerEvent;
    import org.bytearray.gif.events.FrameEvent;
    import org.bytearray.gif.events.TimeoutEvent;
    private var _myGIFPlayer:GIFPlayer=new GIFPlayer();
    private var _totalFrame:Number;
   //private var _currentFrame:Number; 
   private function init():void   {
       var request:URLRequest=new URLRequest("spinner.gif");
       //你的gif动画
          _myGIFPlayer.load(request);
          img.addChild(_myGIFPlayer);
          _myGIFPlayer.addEventListener(GIFPlayerEvent.COMPLETE, onCompleteGIF);
          _myGIFPlayer.addEventListener(FrameEvent.FRAME_RENDERED, onFrameRendered);
          //_myGIFPlayer.addEventListener(TimeoutEvent.TIME_OUT, onTimeOut);    
       }
   private function onCompleteGIF(event:GIFPlayerEvent):void   {   
   _totalFrame=_myGIFPlayer.totalFrames;
       totalframe.text=String(_totalFrame);
    }
   private function onFrameRendered(event:FrameEvent):void   { 
     currentframe.text=String(_myGIFPlayer.currentFrame);
    }
   private function onTimeOut(event:TimeoutEvent):void   { 
     trace("gif is error!"); 
    }
   private function play():void   {    _myGIFPlayer.play();   }
   private function stop():void   {    _myGIFPlayer.stop();   }
   private function gotoandplay():void   {    var numFrame:Number=Math.floor(Math.random() * _totalFrame) + 1;    _myGIFPlayer.gotoAndPlay(numFrame);    gotoplaybtn.label="gotoPlay(" + numFrame + ")";   }
   private function gotoandstop():void   {    var numFrame:Number=Math.floor(Math.random() * _totalFrame) + 1;    _myGIFPlayer.gotoAndStop(numFrame);    gotostopbtn.label="gotoStop(" + numFrame + ")";   }  ]]> </mx:Script> <mx:Image id="img"    width="100"    height="300"/> <mx:ApplicationControlBar width="80%"        left="50"        bottom="20">  <mx:Button label="Play"      click="play();"/>  <mx:Button label="Stop"      click="stop();"/>  <mx:Button id="gotoplaybtn"      label="gotoPlay(rand)"      click="gotoandplay();"/>  <mx:Button id="gotostopbtn"      label="gotoStop(rand)"      click="gotoandstop();"/>  <mx:Label text="TotalFrame:"/>  <mx:Label id="totalframe"/>  <mx:Label text="CurrentFrame:"/>  <mx:Label id="currentframe"/> </mx:ApplicationControlBar></mx:Application>


分享到:
评论

相关推荐

    flex gif图片显示问题

    这里的问题涉及到在Flex布局中显示GIF图片,特别是动态加载时的优化策略。GIF图像格式通常用于表示动画,如加载指示器或简单的动态效果。 **Flex布局** 是CSS3中的一个模块,全称为Flexible Box,或称作弹性盒模型...

    Flex加载GIF动画处理类

    在Flex开发中,由于Flex默认不支持GIF动画的显示,因此我们需要借助特定的处理类来实现GIF动画在Flex应用程序中的播放。本篇将详细探讨如何在Flex中加载并处理GIF动画。 首先,Flex是Adobe开源的ActionScript框架,...

    Flex让GIF的图片动起来

    在本主题中,“Flex让GIF的图片动起来”指的是使用Flex技术来处理和展示动态GIF图像。 动态GIF是一种常见的图像格式,支持连续播放的帧序列,因此可以用来制作简单的动画。在Flex中,你可以通过集成Flash Player的...

    Flex里播放Gif图片

    总之,要在Flex中播放Gif图片,我们需要创建或引入一个能够解析和渲染Gif动画的自定义组件。`gifplayer.swf`和`md.gif`这两个文件可能就是实现这一功能的关键元素。通过深入理解和使用这些资源,开发者可以在Flex...

    flex图片显示 很绚丽的图片显示

    在本文中,我们将深入探讨如何在Flex环境中实现绚丽的图片显示功能。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。它提供了强大的UI组件库,使得开发人员能够创建出交互性强、视觉...

    flex svg代码生成图片

    在 Flex 应用程序中,可以使用 SVG 资源,但只能作为一种图像引入,类似于 JPG 和 GIF 图像,而不能使用 SVG 的一些高级特性。这种方式只能在编译时静态加载,无法在运行时加载,图片的大小也无法改变。 二、动态...

    Flex Gifplayer

    在Flex环境中,由于其默认不支持GIF格式的动态显示,因此需要额外的解决方案来处理这类图像。本组件就是为了解决这个问题而诞生的。 1. **Flex环境与GIF显示** - Flex是基于ActionScript 3.0的开放源码框架,主要...

    图片压缩flex demo

    在IT行业中,图片压缩是一个非常重要的领域,尤其是在网络传输、存储和显示方面。"图片压缩flex demo"这个项目显然关注的是使用Flex技术进行图片压缩的示例。Flex是一种基于Adobe Flash Player或Adobe AIR运行时的...

    Flex加载动态图片(GIF)

    通过以上两种方式,你可以实现在Flex应用程序中加载并播放动态GIF图片。在实际开发中,可以根据项目需求和性能考虑选择适合的解决方案。转换为SWF可能会牺牲一些GIF的兼容性,而使用GIFPlayer组件则能保持原始的GIF...

    flex不显示GIF图片问题的另类解决方法

    关于在Flex环境下处理GIF图片不显示的问题,可以理解为一个在Adobe Flex中利用ActionScript编程实现GIF图片动态显示的技术挑战。Flex是Adobe公司推出的一种基于Flash的框架,主要用于开发富互联网应用程序(RIA),...

    flex_gifplayer使用实例

    GIFPlayer工具类则是专门为处理和展示GIF动画设计的,它整合了图片处理和动画播放的功能,特别适合将多张静态图像合成为动态的GIF效果。 首先,我们需要了解Flex的基础知识。Flex提供了一套强大的组件库,包括各种...

    gif转swf和swf转gif工具

    标题中的“gif转swf和swf转gif工具”指的是用于在GIF和SWF两种...总的来说,这类工具对于需要在GIF和SWF格式间灵活切换的用户来说是必不可少的,无论是为了适应不同的显示环境,还是为了实现更高级的编辑和交互功能。

    flex 动态载入外部图片

    Flex是基于ActionScript 3.0的开发框架,它允许我们利用Loader类来加载不同类型的媒体资源,包括图片(JPEG、PNG、GIF等)。Loader类提供了一个接口,可以动态地在运行时加载和显示二进制数据,例如图像。 2. **...

    AS3中gif类库 ActionScript gif类库 AS3打印gif

    在ActionScript 3 (AS3)中,处理GIF图像主要涉及到的是图形解析和动态显示。GIF是一种广泛使用的图像格式,尤其适用于动画,因为它们支持多帧和透明度。AS3作为Adobe Flash Professional和Flex SDK的核心编程语言,...

    flex 苹果桌面效果的弹出窗口

    通常,一个Flex项目会包含多个文件,如MXML文件(定义组件的结构和外观)、ActionScript类文件(处理逻辑和数据操作)、资源文件(如图片、样式表)等。在这个特定的场景下,我们可以假设这个“苹果桌面”文件夹包含...

    FLEX自定义等待图标资源

    在FLEX中,开发者可以利用BitmapData类加载并显示GIF图像,同样可以控制其在适当的时候显示和隐藏。 压缩包内的文件名称列表包括了多个gif文件,如8.gif、11.gif、14.gif等,这些文件代表了不同的等待动画设计。...

    flex 分页

    2. 图片文件(如`page-first.gif`, `page-last.gif`等):这些是分页控件中的图标资源,用于表示“首页”、“末页”、“上一页”和“下一页”等功能。 3. `PageNavigator.mxml`:这是一个MXML文件,可能是分页导航...

    Flex中背景平铺的做法

    这里,我们使用了`backgroundRepeat`属性来指定背景图像的重复方式,值`repeat`表示图像将在水平和垂直方向上重复显示。 #### 四、总结 通过上述介绍可以看出,在Flex 3中实现背景平铺需要编写自定义类来完成,而...

Global site tag (gtag.js) - Google Analytics