接下来的例子演示了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 httpservice 例子 提取xml数据
Flex程序如何获取html容器传递的URL参数值
Flex 获取文件MD5值插件,调用格式为: var md5:String=by.blooddy.crypto.MD5.hashBytes(file.data);
FLEX的datagrid合计、平均值,很好的例子代码拿来就可以用
Flex+J2EE获取FlexSession的方法
flex4 中,用remoteobject 实现多文件上传的例子,有进度展示
FLex MenuBar的小例子,可以实现下拉菜单的效果,可直接拷贝使用
FLEX各种形状绘图例子,适合初学者学习绘制
Flex例子Flex例子Flex例子Flex例子Flex例子Flex例子
FLex例子大全FLex例子大全FLex例子大全FLex例子大全FLex例子大全绝对源码
Flex + Java简单例子 tomcat配置+flex配置
总共有4个例子: 1.http://127.0.0.1:8080/flexDemo/HelloWorld/HelloWorld.html 2.http://127.0.0.1:8080/flexDemo/HelloWorld/ReadList.html 3.http://127.0.0.1:8080/flexDemo/HelloWorld/ReadExample.html 4....
flex bison使用c++方式实现的例子 flex bison使用c++方式实现的例子
13个Flex ArcGIS(WebGIS)开发经典例子 (一)ArcGIS.Server.9.3和ArcGIS API for Flex实现基本的地图浏览 1 (二)ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示 5 (三)ArcGIS.Server....
Flex两个小例子Flex两个小例子Flex两个小例子Flex两个小例子Flex两个小例子
Flex获取设置html cookie;Flex获取设置html cookie
简单的 flex HttpService例子,可供初学者参考
动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色...
FLEX4的皮肤skin.教你如何使用皮肤
Flex 打印 例子 Flex 打印 例子 Flex 打印 例子