`

Flex获取RGB的值,R、G、B

阅读更多
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx"  
			   backgroundColor="white" minWidth="955" minHeight="600">
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<fx:Model id="colorObj">
			<root>
				<color>{colorPicker.selectedColor}</color>
				<red>{rChannel(colorObj.color)}</red>
				<green>{gChannel(colorObj.color)}</green>
				<blue>{bChannel(colorObj.color)}</blue>
			</root>
		</fx:Model>
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			private function fixedInt(value:int, mask:String):String {
				//Alert.show(value.toString(16),"");
				return String(mask + value.toString(16)).substr(-mask.length).toUpperCase();
			}
			
			private function rChannel(value:int):int {
				return value >> 16 & 0xFF;
			}
			
			private function gChannel(value:int):int {
				return value >> 8 & 0xFF;
			}
			
			private function bChannel(value:int):int {
				return value >> 0 & 0xFF;
			}
			
			private function rgbToInt(r:int, g:int, b:int):int {
				return r << 16 | g << 8 | b << 0;
			}
		]]>
	</fx:Script>
	
	
	<mx:Form>
		<mx:FormItem label="Color:" direction="horizontal">
			<mx:ColorPicker id="colorPicker" />
			<mx:Label text="0x{fixedInt(colorPicker.selectedColor, '000000')}" width="100" />
		</mx:FormItem>
		<mx:FormItem label="Red:" direction="horizontal">
			<mx:Label text="{colorObj.red}" />
			<mx:Label text="(0x{fixedInt(colorObj.red, '00')})" />
		</mx:FormItem>
		<mx:FormItem label="Green:" direction="horizontal">
			<mx:Label text="{colorObj.green}" />
			<mx:Label text="(0x{fixedInt(colorObj.green, '00')})" />
		</mx:FormItem>
		<mx:FormItem label="Blue:" direction="horizontal">
			<mx:Label text="{colorObj.blue}" />
			<mx:Label text="(0x{fixedInt(colorObj.blue, '00')})" />
		</mx:FormItem>
		<mx:FormItem label="Color:" direction="horizontal">
			<mx:Label text="{colorObj.color}" />
			<mx:Label text="(0x{fixedInt(rgbToInt(colorObj.red, colorObj.green, colorObj.blue), '000000')})" />
		</mx:FormItem>
	</mx:Form>
	
	<mx:Label text="{int(0xFF00FF)}" />
	
</s:Application>

 

分享到:
评论

相关推荐

    Flex获取设置html cookie

    Flex获取设置html cookie;Flex获取设置html cookie

    Flex 获取文件MD5值

    Flex 获取文件MD5值插件,调用格式为: var md5:String=by.blooddy.crypto.MD5.hashBytes(file.data);

    Flex程序如何获取html容器传递的URL参数值

    然而,Flex程序如何从HTML容器中获取URL参数值,成为了一个重要的技术知识点。 ### Flex程序与HTML容器间的URL参数传递 在Flex程序中,获取HTML容器传递的URL参数值,通常涉及到三个关键步骤:从HTML中获取URL参数...

    flex获得html容器传递的url参数值

    在本文中,我们将深入探讨如何在Flex中获取这些URL参数值。 首先,我们要明白,当我们使用Flex Builder开发应用程序时,编译后的SWF文件会被一个HTML容器包裹,因此在实际运行时,我们实际上是在运行这个HTML文件。...

    FLEX的datagrid合计、平均值

    本文将深入探讨如何在Flex的Datagrid中实现数据的合计与平均值计算,帮助开发者更好地理解和应用这些功能。 首先,我们要了解Flex的Datagrid组件的基本结构。Datagrid通常与数据提供者绑定,如ArrayCollection或...

    Flex多文件上传+md5验证文件是否上传

    本主题聚焦于使用Flex实现这一功能,并结合MD5验证确保文件上传的完整性和安全性。Flex是一种基于ActionScript的开源框架,用于构建富互联网应用程序(RIA),它可以提供丰富的用户体验并与后端服务器进行交互。 ...

    MKD flex license获取

    ### MKD Flex License 获取流程详解 #### 一、前言 在嵌入式开发领域,Keil MDK 是一款非常流行的集成开发环境(IDE),它主要用于基于ARM微控制器的应用程序开发。为了确保软件的合法使用并享受官方提供的技术支持...

    flex通过URL获取request参数

    在Flex开发中,我们经常需要从URL中获取请求参数,以便在应用程序中使用这些数据进行交互。本篇文章将深入探讨如何在Flex应用中通过URL获取`request`参数,并结合提供的文件列表来阐述实际操作步骤。 标题中的"flex...

    Flex+J2EE获取FlexSession的方法

    在探讨“Flex+J2EE获取FlexSession的方法”这一主题时,我们首先需要理解Flex与J2EE在Web开发中的角色以及如何通过它们实现会话管理。Flex是一种用于构建高度交互式的客户端应用程序的技术,而J2EE(Java 2 ...

    android获取网络状态Flex开发

    本文将深入探讨如何在Android平台上使用Flex进行网络状态检测,包括2G、2.5G以及WiFi网络的监测。 ### 知识点一:Flex与Android的结合 Flex是Adobe公司推出的一种用于构建高性能且具有丰富交互性的Web应用程序的...

    Flex程序如何获取html容器传递的URL参数值(转)

    然后,我们在Flex中处理返回的对象,获取我们感兴趣的参数值。 `getUrlVars`函数的工作原理是利用正则表达式`/[?&]+([^=&]+)=([^&]*)/gi`匹配URL中的参数,并将它们存储在一个对象中。这个正则表达式可以捕获URL中...

    flex读取excel文件

    在Flex开发中,有时我们需要与Excel文件进行交互,例如读取数据或导出数据。本文将详细介绍如何在Flex 4.6环境下,利用FlashPlayer 11读取Excel文件。Flex是一个基于ActionScript 3.0的开源框架,主要用于创建富...

    Flex Flex Flex Flex

    Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex ...

    selenium对flex程序的自动化测试.docx

    同时,我们也可以使用 FlexUISelenium 和 FlashSelenium 两个类来获取 Flex 控件的信息,例如获取文本框中的内容,获取按钮的状态等。 通过使用 Selenium 对 Flex 程序进行自动化测试,我们可以提高测试的效率和...

    Flex 获取Html地址栏中参数完整实例 绝对可靠

    只要你有flex运行环境就行 把这个文件拷贝进去 然后在你访问的地址栏中记得加个参数 如http://111:80/tt/a.html?name=csdn 就这样

    flex精通 flex接口

    ### Flex精通:Flex接口与应用开发详解 #### Flex简介与应用背景 Flex是一种开源的框架,主要用于构建高质量的Web应用程序,这些程序可以跨浏览器、操作系统和设备流畅运行。Adobe Flex框架利用了Adobe Flash ...

    FLEX安装和配置全步骤

    为了深入学习FLEX,你可以查阅官方文档,参加在线课程,或者加入开发者社区,如Stack Overflow和Flex开发者论坛,获取更多实践经验和解决方案。 总之,FLEX是一个强大的工具,能够帮助开发者创建互动性强、功能丰富...

    FLEX网站源码 FLEX网站源码 FLEX网站源码

    Flex以其强大的MXML和ActionScript编程语言,以及基于Flash Player或Adobe AIR运行时环境,为开发者提供了高效创建动态、数据驱动的Web界面的能力。此“FLEX网站源码”压缩包文件很可能包含了一系列Flex项目或组件的...

    flex 类与包的结构图

    Flex框架是Adobe Flash平台上用于构建富互联网应用(RIA)的开发工具,其核心是ActionScript语言和MXML标记语言。在Flex中,类和包的组织结构对于理解和编写高效的代码至关重要。下面我们将深入探讨Flex中的类与包的...

    flex学习资源,fcg和TourDeFlex

    Flex是Adobe公司开发的一种用于构建富互联网应用(RIA)的技术框架,它基于ActionScript编程语言和Flash Player运行环境。在本资源包中,"fcg"可能指的是Flex Compiler Gateway,而"TourDeFlex"则是一个知名的Flex...

Global site tag (gtag.js) - Google Analytics