接下来的例子演示了Flex中如何将颜色的值转化为字符串,根据RGB计算出各个值以及格式化颜色值。
<?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[
private function fixedInt(value:int, mask:String):String {
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中适用的颜色RGB值一般都会加上0x作为前缀,所以要注意这一点了,对比一下常规颜色RGB值就可以发现了,可以参考下这个博客上介绍常规颜色RGB值
http://blog.sina.com.cn/s/blog_3e5694650100jfch.html?retcode=0
- 大小: 3.9 KB
分享到:
相关推荐
Flex4是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。它提供了强大的组件库、数据绑定和高级图形功能,使得开发者能够创建具有高度交互性和视觉吸引力的Web应用。在Flex4中,`HTTPService...
Flex 4 是 Adobe 开发的一个开源框架,专用于构建富网络应用(Rich Internet Applications, RIA),...通过学习这些实例,开发者能够掌握如何在 Flex 4 中有效地运用各种架构方法,从而创建出高性能、用户友好的 RIA。
然而,Flex程序如何从HTML容器中获取URL参数值,成为了一个重要的技术知识点。 ### Flex程序与HTML容器间的URL参数传递 在Flex程序中,获取HTML容器传递的URL参数值,通常涉及到三个关键步骤:从HTML中获取URL参数...
Flex 获取文件MD5值插件,调用格式为: var md5:String=by.blooddy.crypto.MD5.hashBytes(file.data);
在这个"flex4 remoteobject 多文件上传的例子"中,我们将重点探讨如何使用RemoteObject组件来实现多文件的上传,并且在上传过程中显示进度信息。 首先,我们要理解RemoteObject的工作原理。RemoteObject通过HTTP、...
本文将深入探讨如何在Flex的Datagrid中实现数据的合计与平均值计算,帮助开发者更好地理解和应用这些功能。 首先,我们要了解Flex的Datagrid组件的基本结构。Datagrid通常与数据提供者绑定,如ArrayCollection或...
在探讨“Flex+J2EE获取FlexSession的方法”这一主题时,我们首先需要理解Flex与J2EE在Web开发中的角色以及如何通过它们实现会话管理。Flex是一种用于构建高度交互式的客户端应用程序的技术,而J2EE(Java 2 ...
Flex例子Flex例子Flex例子Flex例子Flex例子Flex例子
综上所述,"flex_oralce小例子 - flex4.rar"提供的示例涵盖了Flex4开发中的多个关键知识点,包括Flex4框架的使用、ActionScript 3编程、与Oracle数据库的交互、服务调用以及MVC架构的应用等。这个示例对于学习和理解...
随书提供的源码包括各种示例应用和项目,它们展示了Flex 4的实战应用,涵盖了Flex SDK的各个部分。通过研究这些源码,读者可以直观地看到书中介绍的概念是如何在实际项目中应用的,这对于巩固理论知识和提升开发技能...
FLex MenuBar的小例子,可以实现下拉菜单的效果,可直接拷贝使用
在本文中,我们将深入探讨如何在Flex中获取这些URL参数值。 首先,我们要明白,当我们使用Flex Builder开发应用程序时,编译后的SWF文件会被一个HTML容器包裹,因此在实际运行时,我们实际上是在运行这个HTML文件。...
在本文中,我们将深入探讨"FLEX4控件学习例子"这一资源,它是针对Adobe Flex 4开发中的控件使用的精彩示例集合。Flex是用于构建富互联网应用程序(RIA)的开源框架,它允许开发者创建交互性强、用户体验丰富的Web...
flex bison使用c++方式实现的例子 flex bison使用c++方式实现的例子
7. **Services和Remoting**:Flex4支持与各种后端服务进行通信,包括AMF(Action Message Format)、SOAP、REST等,开发者可以方便地集成XML、JSON或自定义数据格式,实现数据的交换和处理。 8. **图形和动画**:...
4. **数据绑定**:利用Flex的数据绑定机制,将颜色节点的位置和颜色属性与模型数据绑定,这样当模型数据改变时,视图会自动更新。 5. **自定义组件**:创建一个自定义的MXComponent或Spark Component,继承自...
在Flex开发中,我们经常需要从URL中获取请求参数,以便在应用程序中使用这些数据进行交互。本篇文章将深入探讨如何在Flex应用中通过URL获取`request`参数,并结合提供的文件列表来阐述实际操作步骤。 标题中的"flex...
这个例子“Flex中利用HTTPService标签动态导入XML文件”展示了如何在Flex应用中通过HTTPService组件来获取和处理XML数据。 在Flex中,HTTPService组件允许开发者发送HTTP请求到服务器,并接收返回的数据。这些数据...
CH05 - "数据绑定与事件处理":这一章可能讲解了Flex4中的数据绑定机制,如何将数据模型与用户界面元素关联起来,以及如何处理各种用户交互事件,这是Flex应用程序响应用户操作的关键。 CH07 - "组件与服务":Flex4...
【Flex + Java简单例子】是关于使用Flex与Java进行跨域数据交互的一个基础教程,主要涉及Flex客户端和Java服务器端的配置与开发。这个例子旨在展示如何通过BlazeDS库在Flex前端和Java后端之间建立通信。 首先,我们...