`
zwh910621
  • 浏览: 147228 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

FLEX中显示类型为BMP的图片

    博客分类:
  • flex
阅读更多

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>
 
3
1
分享到:
评论

相关推荐

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

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

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

    在这个自定义renderer中,我们将处理二进制数据并将其转换为图片显示。 - 在`createChildren()`方法中,我们可以创建一个`mx.controls.Image`组件。 - 在`updateDisplayList()`方法中,利用`BitmapData`和`flash....

    flex鱼眼显示图片的例子

    3. **图片显示**: 在Flex中,可以使用`mx.controls.Image`组件来显示图片。在这个例子中,可能有一个自定义的组件或者类,扩展了`Image`组件,增加了鱼眼效果的功能。 4. **例子**: 这个Flex项目提供了一个实际操作...

    Flex4.6+java+servlet上传图片例子+图片上传预览

    完成文件保存后,Servlet可以通过HttpServletResponse向Flex客户端返回一个响应,比如返回文件的URL,这样前端就可以根据URL显示已上传的图片。 此外,"PicUpload_Java"和"PicUpload_Flex"可能是项目中的两个关键源...

    flex web 显示PDF

    在Flex中显示PDF,我们可以采用多种方法,包括将PDF转换为SWF以及使用Java进行转换。 1. PDF转SWF工具: SWF是一种由Adobe Flash Player支持的文件格式,可以提供在Web上流畅播放多媒体内容的能力。为了在Flex中...

    flex 两个图片播放小程序

    对于图片的显示,Flex中的Image组件是关键。Image组件可以加载网络上的图像或者内存中的BitmapData对象,并提供基本的缩放和显示功能。若要实现更复杂的交互,如平滑缩放,可能需要自定义组件,覆盖其...

    Flex相册 Flex图片

    Flex相册 Flex图片

    flex svg代码生成图片

    使用 Flex 生成图片可以将 SVG 文件转换为图片。通过遍历 SVG 文件,获取 SVG 文件的宽度和高度,然后使用 Flex 生成图片。这样可以实现将 SVG 文件生成图片,并下载图片。 五、SVGPath 类 SvgPath 类是 Flex 生成...

    Flex TileList图片展示(相册)

    在本例中,它用于展示图片,可能设置为每行显示一定数量的图片。 2. **Image控件**: - Image控件是Flex中用于显示图像的组件,它可以处理各种格式的图像资源,如JPEG、PNG等。 - 在这个相册应用中,每个TileList...

    flex+spring图片上传及预览

    在处理bmp图片时,由于bmp格式通常较大且不适用于网络传输,我们可能需要将其转换为更高效的格式,如JPEG或PNG。在Java中,我们可以使用ImageIO库进行图片格式转换。首先读取bmp图像,然后创建一个新的ImageWriter...

    FLex 左右滑动图片墙

    在本文中,我们将深入探讨如何使用Adobe Flex技术创建一个具有左右滑动功能的图片墙。Flex是一种基于ActionScript 3(AS3)的开源框架,主要用于构建富互联网应用程序(RIA)。通过利用Flex,开发者可以轻松地创建...

    图片压缩flex demo

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

    flex加载动态图片

    flexBulider页面加载动态图片的显示

    flex图片放大缩小

    1. **创建Flex容器**: 在HTML中,为图片创建一个容器,并设置`display: flex`。 2. **设置图片为Flex项目**: 将图片作为容器内的子元素,并赋予适当的样式,如初始大小和位置。 3. **添加交互**: 使用...

    flex 图片浏览,flex图片滚动效果

    在本案例中,"flex 图片浏览,flex图片滚动效果"是指利用Flex技术实现的动态图片展示和浏览功能,它能为用户提供流畅、交互性强的图片查看体验。 在Flex中,我们可以使用各种组件来创建图片浏览和滚动效果。主要...

    flex组件保存为图片

    flex组件保存为图片,弹出保存对话框,更改保存路径,图片名。

    FLEX中文帮助flex中文帮助

    flex中文帮助flex中文帮助flex中文帮助flex中文帮助

    flex 图片缩放

    在Flex开发中,Image组件是用于显示图像的基本控件,其默认行为是等比缩放,以保持图像的原始比例,防止图像失真。当图片的原始宽高比例与Image组件设定的宽高比例不一致时,为了保持图像的原始比例,会自动填充或留...

    flexpaper Flex中显示PDF功能

    FlexPaper通常与PDF2SWF工具结合使用,该工具将PDF转换为SWF(ShockWave Flash)格式,以便在Flex环境中无缝集成和播放。 使用FlexPaper,开发人员可以轻松地将PDF显示功能整合到他们的Flex项目中,无需依赖外部...

Global site tag (gtag.js) - Google Analytics