FLEX的Image控件是不能直接显示BMP图片的,要进过一些简单而又复杂的处理
首先需要写一个类BMPDecode.as(附件中已上传)
使用方法如下(红色字体为主要代码)
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
width="400" height="300"
borderStyle="none"
>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.effects.Zoom;
import mx.core.UIComponent;
import mx.core.BitmapAsset;
[Bindable]public var imageSource:String="assets/uploadImage/default.jpg";
//var request:URLRequest = new URLRequest("/westGameBackend/showImageController.htm?flag=animal&targetID=86");
//var load:URLLoader=new URLLoader(request);
//[Bindable]public var imageSource:String="/westGameBackend/showImageController.htm?flag=animal&targetID=86";
private function changeBig():void{
var zoom:Zoom=new Zoom();
zoom.target=this;
//X坐标放大倍数
zoom.zoomWidthTo = 2 ;
//Y坐标放大倍数
zoom.zoomHeightTo =2 ;
zoom.play();
}
public function into(url:String):void{
url=encodeURI(url);
var loader:URLLoader = new URLLoader();
//指定loader以二进制返回数据
loader.dataFormat = URLLoaderDataFormat.BINARY;
loader.addEventListener( Event.COMPLETE, onCompleteLoad );
loader.load( new URLRequest( url ) );
}
public function onCompleteLoad( e:Event ):void {
var loader:URLLoader = e.target as URLLoader;
var decoder:BMPDecode = new BMPDecode();
//将二进制数据转换成BitmapData
var bd:BitmapData = decoder.decode( loader.data );
//用来显示效果的Bitmap获取位图数据,图片平滑
var myBitmap:Bitmap = new Bitmap(bd,"auto",true);
theImage.source=myBitmap;
}
private function imageIO():void{
this.dispatchEvent(new Event("imageIO"));
}
]]>
</mx:Script>
<mx:Image width="100%" height="100%" id="theImage" source="{encodeURI(imageSource)}" ioError="imageIO();" horizontalAlign="center" verticalAlign="middle" toolTip="点击放大" click="changeBig();"/>
</mx:Canvas>
分享到:
相关推荐
在本文中,我们将深入探讨如何在Flex环境中实现绚丽的图片显示功能。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。它提供了强大的UI组件库,使得开发人员能够创建出交互性强、视觉...
在这个自定义renderer中,我们将处理二进制数据并将其转换为图片显示。 - 在`createChildren()`方法中,我们可以创建一个`mx.controls.Image`组件。 - 在`updateDisplayList()`方法中,利用`BitmapData`和`flash....
3. **图片显示**: 在Flex中,可以使用`mx.controls.Image`组件来显示图片。在这个例子中,可能有一个自定义的组件或者类,扩展了`Image`组件,增加了鱼眼效果的功能。 4. **例子**: 这个Flex项目提供了一个实际操作...
完成文件保存后,Servlet可以通过HttpServletResponse向Flex客户端返回一个响应,比如返回文件的URL,这样前端就可以根据URL显示已上传的图片。 此外,"PicUpload_Java"和"PicUpload_Flex"可能是项目中的两个关键源...
在Flex中显示PDF,我们可以采用多种方法,包括将PDF转换为SWF以及使用Java进行转换。 1. PDF转SWF工具: SWF是一种由Adobe Flash Player支持的文件格式,可以提供在Web上流畅播放多媒体内容的能力。为了在Flex中...
对于图片的显示,Flex中的Image组件是关键。Image组件可以加载网络上的图像或者内存中的BitmapData对象,并提供基本的缩放和显示功能。若要实现更复杂的交互,如平滑缩放,可能需要自定义组件,覆盖其...
Flex相册 Flex图片
使用 Flex 生成图片可以将 SVG 文件转换为图片。通过遍历 SVG 文件,获取 SVG 文件的宽度和高度,然后使用 Flex 生成图片。这样可以实现将 SVG 文件生成图片,并下载图片。 五、SVGPath 类 SvgPath 类是 Flex 生成...
在本例中,它用于展示图片,可能设置为每行显示一定数量的图片。 2. **Image控件**: - Image控件是Flex中用于显示图像的组件,它可以处理各种格式的图像资源,如JPEG、PNG等。 - 在这个相册应用中,每个TileList...
在处理bmp图片时,由于bmp格式通常较大且不适用于网络传输,我们可能需要将其转换为更高效的格式,如JPEG或PNG。在Java中,我们可以使用ImageIO库进行图片格式转换。首先读取bmp图像,然后创建一个新的ImageWriter...
在本文中,我们将深入探讨如何使用Adobe Flex技术创建一个具有左右滑动功能的图片墙。Flex是一种基于ActionScript 3(AS3)的开源框架,主要用于构建富互联网应用程序(RIA)。通过利用Flex,开发者可以轻松地创建...
在IT行业中,图片压缩是一个非常重要的领域,尤其是在网络传输、存储和显示方面。"图片压缩flex demo"这个项目显然关注的是使用Flex技术进行图片压缩的示例。Flex是一种基于Adobe Flash Player或Adobe AIR运行时的...
flexBulider页面加载动态图片的显示
1. **创建Flex容器**: 在HTML中,为图片创建一个容器,并设置`display: flex`。 2. **设置图片为Flex项目**: 将图片作为容器内的子元素,并赋予适当的样式,如初始大小和位置。 3. **添加交互**: 使用...
在本案例中,"flex 图片浏览,flex图片滚动效果"是指利用Flex技术实现的动态图片展示和浏览功能,它能为用户提供流畅、交互性强的图片查看体验。 在Flex中,我们可以使用各种组件来创建图片浏览和滚动效果。主要...
flex组件保存为图片,弹出保存对话框,更改保存路径,图片名。
flex中文帮助flex中文帮助flex中文帮助flex中文帮助
在Flex开发中,Image组件是用于显示图像的基本控件,其默认行为是等比缩放,以保持图像的原始比例,防止图像失真。当图片的原始宽高比例与Image组件设定的宽高比例不一致时,为了保持图像的原始比例,会自动填充或留...
FlexPaper通常与PDF2SWF工具结合使用,该工具将PDF转换为SWF(ShockWave Flash)格式,以便在Flex环境中无缝集成和播放。 使用FlexPaper,开发人员可以轻松地将PDF显示功能整合到他们的Flex项目中,无需依赖外部...