플렉스 Sprite 그림판

걍 샘플식으로 그림판을 만들어 보았습니다.

메인 소스

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="white" creationComplete="init();" xmlns:kd="spliteTraining.*"> <mx:Script> <![CDATA[ import mx.core.UIComponent; import spliteTraining.grimSplite; private function init():void { var splite:grimSplite = new grimSplite(); var ref:UIComponent = new UIComponent(); addChild(ref); ref.addChild(splite); splite.addEventListener(MouseEvent.MOUSE_DOWN, mouseDown); splite.addEventListener(MouseEvent.MOUSE_UP, mouseUp); splite.addEventListener(MouseEvent.MOUSE_MOVE, mouseMove); } private function mouseDown(evt:MouseEvent):void { listadd.text += "X좌표 시작점 - " + mouseX.toString() + "\n"; listadd.text += "Y좌표 시작점- " + mouseY.toString() + "\n"; } private function mouseUp(evt:MouseEvent):void { listadd.text += "X좌표 종료점 - " + mouseX.toString() + "\n"; listadd.text += "Y좌표 종료점- " + mouseY.toString() + "\n"; listadd.text += "-------------------------\n"; } private function mouseMove(evt:MouseEvent):void { xysearch.text = "X = " + mouseX.toString() + ", Y = " + mouseY.toString(); } ]]> </mx:Script> <mx:TextArea x="307" y="21" updateComplete="listadd.verticalScrollPosition=listadd.maxVerticalScrollPosition;" id="listadd" height="280" width="150" fontSize="11"/> <mx:Label x="339" y="0" text="KD's 그림판" fontSize="12" fontWeight="bold"/> <mx:Label x="226" y="309" id="xysearch" width="231" fontSize="12" fontWeight="bold"/> </mx:Application>




AS 소스

package spliteTraining { import flash.display.Sprite; import flash.events.MouseEvent; public class grimSplite extends Sprite { private var _splite:Sprite; public function grimSplite() { super(); _splite = new Sprite(); this.addChild(_splite); _splite.graphics.beginFill(0xFFFF00); _splite.graphics.drawRect(0, 0, 300, 300); _splite.graphics.endFill(); _splite.addEventListener(MouseEvent.MOUSE_DOWN, onMdown); _splite.addEventListener(MouseEvent.MOUSE_UP, onMup); } private function onMdown(evt:MouseEvent):void { _splite.graphics.lineStyle(1, 0, 1); _splite.graphics.moveTo(mouseX, mouseY); _splite.addEventListener(MouseEvent.MOUSE_MOVE, onMmove); } private function onMup(evt:MouseEvent):void { _splite.removeEventListener(MouseEvent.MOUSE_MOVE, onMmove); } private function onMmove(evt:MouseEvent):void { _splite.graphics.lineTo(mouseX, mouseY); } } }



완성본 ㅋ