加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex中转化以及格式化颜色值的例子

发布时间:2020-12-15 01:26:13 所属栏目:百科 来源:网络整理
导读:?xml version="1.0" encoding="utf-8"? mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" ??????? layout="vertical" ??????? verticalAlign="middle" ??????? backgroundColor="white" ??? mx:Script ??????? ![CDATA[ ??????????? private funct

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
??????? layout="vertical"
??????? verticalAlign="middle"
??????? backgroundColor="white">

??? <mx: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;
??????????? }
??????? ]]>
??? </mx:Script>

??? <mx:Model id="colorObj">
??????? <root>
??????????? <color>{colorPicker.selectedColor}</color>
??????????? <red>{rChannel(colorObj.color)}</red>
??????????? <green>{gChannel(colorObj.color)}</green>
??????????? <blue>{bChannel(colorObj.color)}</blue>
??????? </root>
??? </mx:Model>

??? <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)}" />

</mx:Application>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读