Flex 涂鸦源代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" styleName="main" layout="absolute" xmlns:view="view.*" creationComplete="initApp()">
   
    <mx:Style source="style.css"/>           
    <mx:Script>
        <![CDATA[
            import Event.*;
            import mx.events.CloseEvent;
            import mx.controls.Alert;
           
            internal function initApp():void{
                //顶部菜单事件
                TopMenu.addEventListener(TopMenuEvent.TopEvent,HeaderEventHandler);   
                //控制面板事件           
                control.addEventListener(PenEvent.changePen,penHandler);
            }
            //处理控制面板事件
            internal function penHandler(evt:PenEvent):void{
                //改变画笔属性
                if(evt.act == "color"){
                    whitePaper.setLineColor(evt.data);
                }else if(evt.act == "linesize"){
                    whitePaper.setLineSize(evt.data);
                }
            }
            //处理顶部菜单事件
            internal function HeaderEventHandler(evt:TopMenuEvent):void{
                //如果是清除，弹出警告
                if(evt.data=="clear"){
                    Alert.show("你确定要清除当前画板吗？","警告",Alert.YES | Alert.NO,this,closeHandler);
                }
            }
            internal function closeHandler(evt:CloseEvent):void{
                //如果确定，则清除画板
                if(evt.detail == Alert.YES){
                    whitePaper.clear();
                }
            }
        ]]>
    </mx:Script>
    <mx:VBox width="100%" height="100%">
        <view:TopHeader id="TopMenu"/>
        <mx:Canvas width="100%" height="100%" id="paper">
            <view:PenControl id="control" x="10" y="23" />
            <view:Paper x="203" y="23" id="whitePaper">
            </view:Paper>
        </mx:Canvas>           
    </mx:VBox>
   
</mx:Application>