Flex之color_value_picker

<?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" minWidth="955" minHeight="600">
    <s:layout>
        <s:VerticalLayout/>
    </s:layout>
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
        
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
        private function showColor():void{
        var color:String = picker.selectedColor.toString(16);
        if (color.length < 6){
        var razlika:int = 6-color.length;
        var temp_color:String = '';
        for (var i:int=0; i<razlika; i++){
        temp_color += '0';
        }
        temp_color += color;
        color = temp_color
        }
        var R:Number = parseInt(color.substring(0,2), 16);
        var G:Number = parseInt(color.substring(2,4), 16);
        var B:Number = parseInt(color.substring(4,6), 16);
        value.htmlText = '<b>Picker color value:</b> ' + picker.selectedColor;
        hex.htmlText = '<b>Hexadecimal:</b> 0x' + color;
        rgb.htmlText = '<b>R:</b> ' + R.toString() + ' <b>G:</b> ' + G.toString() + ' <b>B:</b> ' + B.toString() + ' - <b>RGB:</b> '  + '(' + R.toString() + ',' + G.toString() + ',' + B.toString() + ')';
        }
        ]]>
    </fx:Script>
    <mx:HBox>
        <mx:Text text="Select Color:" paddingRight="5"/><mx:ColorPicker id="picker" change="showColor()"/>
    </mx:HBox>
    <mx:Text id="value"/>
    <mx:Text id="hex"/>
    <mx:Text id="rgb"/>

</s:Application>