`

Flex里用IconUtility动态加载Icon

 
阅读更多

 

为了减少Flex文件体积,我们可以使用Release模式编译外,一些资源可以在运行时加载Run-Time-Load(RTL),今天闲逛WEB时,无意发现这个IconUtility类包,很好用,能定义Icon或者Image的source 它的格式如下:

IconUtility.getClass(id,picpath,width,height)

下载:http://lab.benstucki.net/archives/IconUtility.zip

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			
			import com.benstucki.utilities.IconUtility;
			
		]]>
	</mx:Script>
	<mx:ApplicationControlBar dock="true">
		<mx:Label text="Run-time Icon Loading Example" />
		<mx:Spacer width="100%" />
		<mx:Button id="button1" label="Kevin Lynch" icon="{IconUtility.getClass(button1, 'http://onair.adobe.com/images/lynch.jpg', 32, 32)}" />
		<mx:Button id="button2" label="Mike Downey" icon="{IconUtility.getClass(button2, 'http://onair.adobe.com/images/downey.jpg', 32, 32)}" />
		<mx:Button id="button3" label="Mike Chambers" icon="{IconUtility.getClass(button3, 'http://onair.adobe.com/images/mesh.jpg', 32, 32)}" />
		<mx:Button id="button4" label="Daniel Dura" icon="{IconUtility.getClass(button4, 'http://onair.adobe.com/images/danny.jpg', 32, 32)}" />
		<mx:Button id="button5" label="Kevin Hoyt" icon="{IconUtility.getClass(button5, 'http://onair.adobe.com/images/kevin.jpg', 32, 32)}" />
		<mx:Button id="button6" label="Ted Patrick" icon="{IconUtility.getClass(button6, 'http://onair.adobe.com/images/ted.jpg', 32, 32)}" />
		<mx:Button id="button7" label="Ryan Stewart" icon="{IconUtility.getClass(button7, 'http://onair.adobe.com/images/ryan.jpg', 32, 32)}" />
	</mx:ApplicationControlBar>
	<mx:Accordion width="100%" height="100%">
		<mx:Canvas id="canvas1" label="Kevin Lynch" icon="{IconUtility.getClass(canvas1, 'http://onair.adobe.com/images/lynch.jpg', 16, 16)}" />
		<mx:Canvas id="canvas2" label="Mike Downey" icon="{IconUtility.getClass(canvas2, 'http://onair.adobe.com/images/downey.jpg', 16, 16)}" />
		<mx:Canvas id="canvas3" label="Mike Chambers" icon="{IconUtility.getClass(canvas3, 'http://onair.adobe.com/images/mesh.jpg', 16, 16)}" />
		<mx:Canvas id="canvas4" label="Daniel Dura" icon="{IconUtility.getClass(canvas4, 'http://onair.adobe.com/images/danny.jpg', 16, 16)}" />
		<mx:Canvas id="canvas5" label="Kevin Hoyt" icon="{IconUtility.getClass(canvas5, 'http://onair.adobe.com/images/kevin.jpg', 16, 16)}" />
		<mx:Canvas id="canvas6" label="Ted Patrick" icon="{IconUtility.getClass(canvas6, 'http://onair.adobe.com/images/ted.jpg', 16, 16)}" />
		<mx:Canvas id="canvas7" label="Ryan Stewart" icon="{IconUtility.getClass(canvas7, 'http://onair.adobe.com/images/ryan.jpg', 16, 16)}" />
	</mx:Accordion>
</mx:Application>
分享到:
评论

相关推荐

    Flex 动态加载 Image 和 Icon 解决方案

    本文将深入探讨如何在 Flex 中动态加载 Image 和 Icon,这对于创建响应式和灵活的应用程序至关重要。动态加载资源可以显著提高应用程序的性能,减少启动时间和内存消耗。 在 Flex 中,我们可以使用 `Loader` 类来...

    flex加载动态图片

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

    flex css动态加载

    - 在Flex CSS中,动态加载可能涉及到根据屏幕尺寸或用户交互改变Flex容器或项目的属性,比如使用媒体查询(`@media`)实现响应式布局。 - 另外,可以利用JavaScript动态添加或修改CSS类,从而改变元素的Flex属性,...

    Flex运行时加载ICON

    标题“Flex运行时加载ICON”涉及的是Adobe Flex开发中的一个技术点,主要关于在应用程序运行时动态加载图像资源。在Flex编程中,我们有时需要在程序执行过程中根据需要加载图标或者图片,而不是在编译时静态地将它们...

    FLEXLoader:可以动态加载FLEX的越狱iOS设备调整

    FLEX加载程序动态地加载由我由构建的FLEX动态库( FLEXDylib.dylib ),当然您可以将其替换为您的(参考: )。 通过Settings.app中的FLEXLoader菜单进行配置。 此调整受启发,并从RevealLoader进行了修改。 Reveal...

    FLEX动态加载Model

    "FLEX动态加载Model"这个主题涉及到的是如何在运行时动态地加载和管理应用程序的数据模型。 动态加载Model是FLEX应用程序中的一个重要概念,它允许程序根据需要在运行时加载数据,而不是一次性在启动时全部加载。...

    flex动态加载css实例

    "Flex动态加载CSS实例"就是一个这样的实践,它旨在解决在运行时按需加载CSS的问题,从而提高页面加载速度并降低初始加载时的带宽消耗。 Flex在这里可能指的是使用Flex布局(Flexible Box Layout),这是一种现代的...

    Flex MenuBar从数据库中动态加载图片

    总结,通过上述步骤,我们可以成功地在Flex的`MenuBar`中实现从数据库动态加载图片的功能。这个过程涉及到了Flex的组件渲染机制、数据绑定、HTTP服务调用以及JSON数据解析。这样的功能可以显著提升应用的用户体验,...

    flex 异步加载tree

    根据给定的信息,我们可以深入探讨Flex中的异步加载Tree组件的相关知识点。 ### 一、Flex与AsyncTree组件 #### 1. Flex简介 Flex是一种开源的框架,用于构建跨平台的桌面应用程序和移动应用程序。它提供了强大的...

    Flex 预加载动画demo

    这个"Flex 预加载动画demo"是Flex应用中的一个实例,它展示了如何自定义预加载进度条动画,使得用户在等待应用程序加载时能有一个更友好的交互体验。 预加载是任何富媒体应用程序的关键部分,因为它确保了所有必要...

    flex动态加载CSS文件方法总结

    flex 动态加载css文件方法总结,增加flex的界面美化效果。简单易懂,易操作。

    flex 文件下载图片远程加载

    flex 文件下载图片远程加载

    flex arcgis 加载天地图2.0地图源码

    在本案例中,我们将深入探讨如何使用Flex与ArcGIS结合,加载天地图2.0的地图源码。 天地图是由中国国家测绘局主导的国家级地理信息公共服务平台,提供丰富的测绘地理信息资源,包括地图、影像、地形、地名等。天...

    Flex之URLLoader加载XML

    通过以上解释,我们可以了解到如何在Flex应用中使用`URLLoader`加载XML文件,然后将数据解析并绑定到UI组件,从而实现动态数据展示。这在构建数据驱动的富互联网应用程序时非常常见,有助于提高用户体验和交互性。

    TWaver Flex网元任意位置添加icon

    标题“TWaver Flex网元任意位置添加icon”指的是在使用TWaver Flex开发图形化界面时,如何在图表或网络拓扑图的各个元素(网元)上自由地添加图标(icon)。TWaver是一款强大的可视化工具,它允许开发者创建交互式的...

    FLEXLoader, 越狱iOS设备可以加载 FLEX dynamiclly.zip

    FLEXLoader, 越狱iOS设备可以加载 FLEX dynamiclly FLEX加载程序调整FLEX加载程序加载FLEX动态 libarary ( FLEXDylib.dylib ),这是由我创建的,当然你可以用你的( ref: ref ) 替换它。 FLEXDynamicLibProject )

    flex预加载类

    很详细的实现了flex游戏的预加载,可以使用图片,也可以重绘技术,任你选择

    Flex 与 Hibernate 的延迟加载问题

    本文将深入探讨几种解决Flex与Hibernate延迟加载问题的方法,并着重讲解使用Gilead的方案。 1. **LCDS的Hibernate Adapter**:Adobe LiveCycle Data Services (LCDS) 提供了一个Hibernate适配器,可以处理延迟加载...

    flex 动态载入外部图片

    在Flex编程中,动态加载外部图片是一项常见的需求,特别是在创建数据驱动的应用程序或者需要根据用户交互更新界面的情况下。本文将深入探讨如何在Flex项目中实现这一功能,包括基本原理、步骤以及常见问题的解决策略...

Global site tag (gtag.js) - Google Analytics