`
luhantu
  • 浏览: 204051 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Flex Image 加载的几种方式

    博客分类:
  • Flex
阅读更多

Flex 加载图片的几种方式:

1.直接标签加入,嵌入swf中

<mx:Image source="@Embed(source='view/test1.png')"/>

2.直接标签加入,动态加入swf中

<mx:Image source="view/test1.png"/>

3.定义变量绑定

[Embed(source='view/test.png')]
[Bindable]private var imageSource:Class; 
<mx:Image source="{imageSource}"/>

 4.As代码加入

var img:Image = new Image();
img.source = imageSource;
this.addElement(img);

或者

var img:Image = new Image();
img.source = "view/test.png";
this.addElement(img);

5.嵌入外部swf中的图片

 

 1.在fla的库中添加一张图片,选中图片右键-属性-定义它的导出类.例如:imgpng。fla会自动的赋值它的基类为:flash.display.BitmapData。

  2.导出为swf,放到flexbulider中。我放到了view文件夹下面。

 

[Embed(source='view/test.swf',symbol=='imgpng')]
[Bindable]private var imageSource:Class; 
<mx:Image source="{imageSource}"/>

 

 

6.从外部swf中动态加载

  1.在fla的库中添加一张图片,选中图片右键-属性-定义它的导出类.例如:imgpng。fla会自动的赋值它的基类为:flash.display.BitmapData。

  2.导出为swf,放到flexbulider中。我放到了view文件夹下面。

  3.加载此swf

 

  var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onLoadComplete);
var request:URLRequest = new URLRequest("view/test.swf");
loader.load(request);

private function onLoadComplete(event:Event):void
{
	var imgpng:Class = (event.target as LoaderInfo).applicationDomain.getDefinition("imgpng") as Class;
	var dataBitmpa:Bitmap = new Bitmap(new imgpng(1000,1000));
	image.source = dataBitmpa;
				
	var dataBitmapAsset:Class = sourceLoadUtility.getClass(new imgpng(1000,1000));
	button.setStyle("icon",dataBitmapAsset); 
}

 package com.benstucki.utilities

 

{
	import flash.display.BitmapData;
	import flash.events.Event;
	
	import mx.core.BitmapAsset;
	import mx.core.UIComponent;

	public class sourceLoadUtility extends BitmapAsset
	{
		private static var sourceBitMapData:BitmapData;
		public static function getClass(sourceBitMapData1:BitmapData):Class {
			sourceBitMapData = sourceBitMapData1;
			return sourceLoadUtility;
		}
		public function sourceLoadUtility():void {
			addEventListener(Event.ADDED, addedHandler, false, 0, true)
		}
		private function addedHandler(event:Event):void {
			if(!bitmapData) {
				bitmapData = new BitmapData(100, 100, true, 0x00FFFFFF);
			}
			bitmapData.draw(sourceBitMapData);
			if(parent is UIComponent) {
				var component:UIComponent = parent as UIComponent;
				component.invalidateSize();
			}
		}
	}
}

   (image是图片,button是按钮)

 

 

PS:BitmapAsset 是 flash.display.Bitmap 类的子类,表示您在 Flex 应用程序中嵌入的位图图像。它用于实现 IFlexDisplayObject 接口,此接口允许在 Image 控件中显示嵌入的位图图像,或将位图图像用作容器背景或组件外观。

 你也可以参考IconUtility.as类来用。

分享到:
评论

相关推荐

    Flex电子相册旋转一

    - 图片显示组件(Image):加载并显示图片,通过监听事件来响应旋转操作。 - 控制按钮(Button):如“旋转”按钮,添加点击事件监听器,触发图片旋转。 ActionScript代码中,当用户点击“旋转”按钮时,可以调用...

    flex 图片查看器

    Flex 图片查看器是一种基于Adobe Flex技术开发的交互式图像浏览工具。Flex是ActionScript 3.0的一个框架,主要用于构建富互联网应用(RIA),它提供了丰富的用户界面组件和强大的数据绑定功能,使得开发人员可以轻松...

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

    Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。它提供了强大的UI组件库,使得开发人员能够创建出交互性强、视觉效果出众的Web应用。 首先,让我们了解一下Flex中的图片显示组件。在...

    Flex 图像裁剪、剪切

    Flex是一种基于ActionScript 3.0的开发框架,常用于构建富互联网应用程序(RIA)。图像裁剪和剪切功能在Web应用中非常常见,例如在社交媒体平台或在线图片编辑工具中,用户可能需要调整图片大小、裁剪不必要的部分或...

    流程设计器(flex版)

    流程设计器(flex版)是一种基于Adobe Flex技术的图形化工具,主要用于设计和构建业务流程。Flex是Adobe公司推出的一种开放源代码的富互联网应用(RIA)开发框架,它允许开发者创建具有交互性和动态效果的Web应用程序...

    FLEX代码,图片调用

    本文将深入探讨Flex中图片调用的几种方法,并重点介绍一种特殊的方法——通过`ByteArray`方式将图片编译进SWF文件中,使得SWF文件能够独立存在。 #### 图片调用方法概述 在Flex中,常见的图片加载方式主要包括: ...

    ArcGIS Server Flex 应用视频

    ArcGIS Server是Esri公司的核心地理信息系统产品,它提供了强大的地图服务和地理处理功能,而Flex则是一种用于构建富互联网应用(RIA)的开发框架,尤其适用于创建具有交互性地图功能的Web应用。 在这一系列视频...

    flex 中图片做地图

    地图分块加载是一种优化策略,通过只加载用户可视区域内的地图部分,降低内存占用并加快加载速度。 首先,我们要明确几个关键概念: 1. **窗口大小(Window Size)**:`windowW` 和 `windowH` 分别代表可视区域的...

    FLEX datagrid应用实例

    在“FLEX datagrid应用实例”中,我们可以找到以下几种常见应用: 1. 基本展示:展示简单的数据列表,例如用户信息,每个数据项包含姓名、年龄和邮箱等字段。 2. 数据排序:用户可以通过点击列头对数据进行升序或...

    Flex相册

    Flex是一种开源的、基于ActionScript的开发工具,用于构建富互联网应用程序(RIA),可以在多个浏览器和操作系统上运行。 在Flex相册中,我们可以看到以下几个关键知识点: 1. **Flex框架**:Flex是基于MXML和...

    Flex 组件样式

    本文将根据提供的信息,详细介绍几个常见的Flex组件样式及其属性。 #### ThemeColor 主题颜色 - **简介**:ThemeColor是一种快速设置基础色彩的方式,通过选择一个主色调,系统会自动生成一系列基于该颜色的默认...

    flex图片水纹效果

    在IT行业中,Flex是一种流行的开发框架,主要用于构建富互联网应用程序(RIA)。在这里,我们讨论的是在Flex中实现图片上的水纹效果。这个效果通常是指在图片上动态模拟出类似水面波动的视觉效果,它可以是定时的,...

    Flex 电子相册

    Flex电子相册是一种基于Adobe Flex技术的互动式图像展示应用,它允许用户以美观且功能丰富的界面来浏览和管理照片。Flex是ActionScript 3.0编程语言和Flex框架的结合,提供了强大的富互联网应用程序(RIA)开发能力...

    flex题目大全

    Flex Builder4可以创建几种不同的项目? - **答案**: - Flex Builder 3支持创建多种项目类型,包括Flex项目、SWC库项目等。 - Flex Builder 4同样支持多种项目类型,包括Flex项目、Flex Mobile项目、Adobe AIR...

    ArcServer 和 Flex 的学习文档包

    而Flex,则是一种基于Flash Player或Adobe AIR的富互联网应用程序(RIA)框架,常用于构建交互性强的WebGIS应用。 在学习ArcServer时,你需要掌握以下几个核心概念和技能: 1. **数据发布**:了解如何将地理数据库...

    uniapp新闻列表-上拉刷新-下拉加载更多.zip

    uniapp是一个多端开发框架,它允许开发者用一种语言(Vue.js)编写代码,然后发布到iOS、Android、Web(H5)、微信小程序、支付宝小程序、QQ轻应用等多个平台。在这个项目中,我们主要关注以下几个核心知识点: 1. ...

    ASP.NET-[图片动画]flex图片上传带预览功能.zip

    6. **UI设计**:Flex提供了丰富的组件库,如Button、Image等,用于构建用户友好的交互界面。通过布局管理器,可以轻松创建动态的、响应式的布局。 7. **异步上传**:为了提高用户体验,可以采用异步上传方式,这样...

    flex图片上传带预览功能_flexsc.zip

    Flex是一种基于ActionScript 3.0的开源开发框架,用于构建富互联网应用程序(RIA)。通过使用Flex,开发者可以创建具有丰富图形、动画和交互性的Web应用。 标题"flex图片上传带预览功能_flexsc.zip"暗示了我们关注...

    flex利用webservice上传照片实现代码

    Flex技术是一种基于MXML的界面开发方式,它是Adobe公司推出的一种用于构建丰富互联网应用(RIA)的开发框架。WebService是一种可以接收请求并返回响应的远程服务,它使用标准的网络协议,如HTTP,对外提供服务接口。...

Global site tag (gtag.js) - Google Analytics