색칠공부

fill.mxml==============================================================================================

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="550" height="400" xmlns:ns1="*" initialize="resetHandler()">
 <mx:Style>
  Application{
   backgroundColor : #ffffff;
   fontSize : 12;
  }
 </mx:Style>
 
 <mx:Script>
  <![CDATA[
   
   [Bindable]
   private var selectedColor:uint;;
   
   private function resetHandler():void
   {
    selectedColor = cv1.Color = 0xFFFFFF;
   
    cp01.selectedColor = 0xFF0000;
    cp02.selectedColor = 0xFFA500;
    cp03.selectedColor = 0xFFFF00;
    cp04.selectedColor = 0x00FF00;
    cp05.selectedColor = 0x0000FF;
    cp06.selectedColor = 0x4682B4;
    cp07.selectedColor = 0xEE82EE;
   }
     
   private function setColor(e:Event):void
   {
    selectedColor = cv1.Color = e.target.selectedColor;
   }
  ]]>
 </mx:Script>
 
 <mx:Panel x="0" y="0" width="100%" height="100%" layout="absolute" title="색칠공부">
  <mx:ViewStack x="0" y="0" id="viewstack1" width="100%" height="100%">
   <ns1:can01 x="0" y="0" id="cv1">
   </ns1:can01>
  </mx:ViewStack>
 
  <mx:ControlBar>
   <mx:HBox width="50%">
    <mx:Canvas width="50" height="22" backgroundColor="{selectedColor}"/>
    <mx:ColorPicker change="setColor(event)" id="cp01"/>
    <mx:ColorPicker change="setColor(event)" id="cp02"/>
    <mx:ColorPicker change="setColor(event)" id="cp03"/>
    <mx:ColorPicker change="setColor(event)" id="cp04"/>
    <mx:ColorPicker change="setColor(event)" id="cp05"/>
    <mx:ColorPicker change="setColor(event)" id="cp06"/>
    <mx:ColorPicker change="setColor(event)" id="cp07"/>
    <mx:Button label="reset" click="resetHandler()"/>
   </mx:HBox>
   <mx:HBox width="50%" horizontalAlign="right">
    <mx:LinkButton label="Created by Shallaa" fontSize="10"
     click="navigateToURL(new URLRequest('http://shallaazm.tistory.com'));"
     textDecoration="underline" alpha="0.20"
     />
   </mx:HBox>
  </mx:ControlBar>
 </mx:Panel>
</mx:Application>

=====================================================================================================

can01.mxml==========================================================================================

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%">
 <mx:Script>
  <![CDATA[
   import flash.geom.*;
   
   private var selectedColor:uint;
   
   public function set Color(_color:uint):void
   {
    selectedColor = _color;
   }
         
   private function clickHandler(e:MouseEvent):void
   {
    var fillColor:ColorTransform = new ColorTransform();
    fillColor.color = selectedColor;
   
    e.target.transform.colorTransform = fillColor;
   }
  ]]>
 </mx:Script>
 
 <mx:Image x="152.5" y="61" source="@Embed('images/t_04.png')" click="clickHandler(event)"/>
 <mx:Image x="205.5" y="202" source="@Embed('images/t_02.png')" click="clickHandler(event)"/>
 <mx:Image x="162.5" y="256" source="@Embed('images/t_01.png')" click="clickHandler(event)"/>
 <mx:Image x="200.5" y="48" source="@Embed('images/t_03.png')" click="clickHandler(event)"/>
 <mx:Image x="149" y="44" source="@Embed('images/t_line.png')" mouseEnabled="false"/>
</mx:Canvas>

=====================================================================================================