`
陈新杰
  • 浏览: 107287 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Flex Image控件显示BMP图片实现方法

阅读更多

主要原理是使用2进制载入,再按24位BMP文件格试进行读取并转换成BitmapData再显示出来,只要读入BMP图片转换成二进制,再转成BitmapData,最后把获取位图数据的Bitmap传给Image源,让Image控件显示出来。
请看下面一个Flex工程:
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
       <![CDATA[
  
         import mx.core.UIComponent;
         import mx.core.BitmapAsset;
         //导入BMPDecoder
      import imageDecoder.BMPDecoder;
         private function showimage():void {
             loadBMPFile("../test.bmp");
         }
         private function loadBMPFile( url:String ):void {
var loader:URLLoader = new URLLoader();
    //指定loader以二进制返回数据
loader.dataFormat = URLLoaderDataFormat.BINARY;
loader.addEventListener( Event.COMPLETE, onCompleteLoad );
loader.load( new URLRequest( url ) );
   }
private function onCompleteLoad( e:Event ):void {
   var loader:URLLoader = e.target as URLLoader;
   var decoder:BMPDecoder = new BMPDecoder();
   //将二进制数据转换成BitmapData
   var bd:BitmapData = decoder.decode( loader.data );
   //用来显示效果的Bitmap获取位图数据,图片平滑
   var myBitmap:Bitmap = new Bitmap(bd,"auto",true);
   myImage.source=myBitmap;
}
       ]]>
</mx:Script>

<mx:Button
       id="showImage"
       label="showimage"
       click="showimage();"/>
      
<mx:Image id="myImage" />       
</mx:Application>

分享到:
评论

相关推荐

    FLEX中显示类型为BMP的图片

    这篇名为“FLEX中显示类型为BMP的图片”的博客文章提供了如何在Flex应用中处理BMP图像的方法。首先,我们需要了解Flex的基本架构,它是基于ActionScript 3(AS3)的,这是一种面向对象的编程语言,用于创建富互联网...

    flex上传控件,带进度、时间、速度显示

    Flex上传控件是一种基于Adobe Flex技术的用户界面组件,它允许用户在Web应用程序中上传文件。Flex是一个开源的开发框架,主要用于构建富互联网应用程序(RIA),它可以创建动态、交互式的Web应用,支持丰富的图形和...

    在flex的dataGrid控件中显示图片的实践

    这些示例会详细展示如何实现上述的各个步骤,帮助你理解和实践在Flex的DataGrid中显示图片的过程。 总之,通过合理的数据模型设计、数据绑定、自定义ItemRenderer以及前后端的通信配合,我们可以在Flex的DataGrid...

    flex时间控件

    Flex时间控件是一种基于Adobe Flex框架的用户界面组件,它为用户提供了一种直观的方式来选择日期和时间。在Flex中,这种控件通常用于构建具有高度交互性和用户友好的Web应用程序。Flex是一个开源的开发框架,它允许...

    flex 控件 全屏显示

    在Flex开发中,实现控件的全屏显示是一项常见且实用的功能。本文将详细介绍如何通过Flex编程语言来实现一个控件或应用的全屏显示功能,并解释代码中的关键部分。 #### 一、Flex全屏显示概述 Flex是一种用于构建跨...

    flex 分页控件

    分页控件就是这样一个例子,它可能需要显示当前页数、总页数、上一页、下一页等功能。 1. **创建自定义组件**:在Flex中,你可以通过继承MX或者Spark的基类来创建自定义组件。例如,可以继承UIComponent或...

    flex分页控件的使用

    总之,Flex中的分页控件设计和实现涉及事件处理、数据过滤和界面交互等多个方面。通过自定义事件和组件,开发者可以根据需求创建功能丰富的分页控件,以适应不同场景下的数据展示需求。理解并熟练掌握这部分知识,...

    flex 图片展示控件(放大镜效果)

    通过以上步骤,我们可以创建一个功能完备的Flex图片展示控件,实现放大镜效果。这个控件对于电商网站、在线画廊或任何需要展示细节的图片应用都是很有用的。记住,自定义组件的灵活性和可扩展性是Flex的一大优点,...

    FLEX控件

    FLEX控件

    flex 自定义控件、事件

    6. **事件监听**:在Flex应用中,事件监听通常通过`addEventListener()`方法实现。你可以为自定义控件添加多个事件监听器,以处理不同类型的事件。事件监听器函数会接收事件对象作为参数,通过它来获取事件的相关...

    flex实现的拖拽控件

    在这个场景中,我们关注的是Flex实现的拖拽控件,这是一种交互式UI元素,允许用户通过鼠标操作移动元素,提供了丰富的用户体验。 拖拽功能在Flex中可以通过使用内置的DragManager类和Event类来实现。DragManager类...

    Flex控件折叠效果

    本文将深入探讨Flex控件折叠效果的相关知识点,包括其工作原理、实现方式以及实际应用。 Flex是一种用于创建富互联网应用程序(RIA)的开源框架,主要由Adobe Systems开发。在Flex中,我们可以利用各种组件如...

    Flex 自定义组件ImageViewer

    Flex是Adobe开发的一种开源框架,主要用于构建富互联网应用程序(RIA)。在Flex中,自定义组件是开发者根据...通过深入研究ImageViewer组件的实现,我们可以掌握如何在Flex中处理图像展示、交互和性能优化等相关技术。

    flex 分页控件,我自己写的flex分页控件

    这是我自己写的一个flex组件,使用简单,在使用的时候,只需要在页面载入里,新建组件对象就OK,另外还有一个方法监听控件返回的的页数,可以实现分面。flex会生成linkButton,并且可以按需要控件显示的数量。如有不...

    Flex分页控件源码

    在"Flex分页控件源码"中,我们可以深入理解分页组件的工作原理和实现方式。首先,分页控件通常包含以下几个关键元素: 1. 总记录数:这是决定分页数量的基础,它告诉系统有多少条数据需要展示。 2. 每页显示记录数...

    image 控件例子

    2. **图像尺寸调整**:`Image`控件提供`width`和`height`属性,可以用来设置显示的图像尺寸。如果想要保持图像的原始比例,可以设置`maintainAspectRatio`属性为`true`。 3. **事件监听**:`Image`控件支持多种事件...

    flex基于datagrid控件的增删改查及分页实现

    在本主题中,“基于datagrid控件的增删改查及分页实现”是一个常见的需求,特别是在开发数据密集型的Web应用时。下面将详细介绍这个主题中的相关知识点。 1. Flex DataGrid 控件: DataGrid是Flex中一个强大的组件...

    flex tree控件

    在Flex编程中,Tree控件是一种常用的用户界面元素,它用于显示层次结构的数据。这个“flex tree控件”主题主要关注如何自定义Tree控件的外观,特别是如何去掉默认的图标并添加线连接来增强视觉效果。下面我们将深入...

    Flex控件组图(便于学习、记忆)

    Flex控件组图(便于学习、记忆) png格式 最好打印出来挂在墙上,每天看到,便于记忆^_^

    FLEX4控件学习例子

    在本文中,我们将深入探讨"FLEX4控件学习例子"这一资源,它是针对Adobe Flex 4开发中的控件使用的精彩示例集合。Flex是用于构建富互联网应用程序(RIA)的开源框架,它允许开发者创建交互性强、用户体验丰富的Web...

Global site tag (gtag.js) - Google Analytics