<?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:components="components.*"
viewSourceURL="srcview/index.html">
<fx:Script>
<![CDATA[
import components.DrawingStateChangeEvent;
private function drawingModeChange():void
{
switch (controlPanel.currentState)
{
case "lineMode":
canvas.drawingMode = DrawingCanvas.LINE;
break;
case "rectMode":
canvas.drawingMode = DrawingCanvas.RECT;
break;
case "ellipseMode":
canvas.drawingMode = DrawingCanvas.ELLIPSE;
break;
case "pathMode":
canvas.drawingMode = DrawingCanvas.PATH;
break;
}
}
private function drawingStateChange(event:DrawingStateChangeEvent):void
{
canvas.stroke = event.stroke;
canvas.fill = event.fill;
}
]]>
</fx:Script>
<components:ControlPanel id="controlPanel" width="52" height="100%"
currentStateChange="drawingModeChange()"
drawingStateChange="drawingStateChange(event)"/>
<components:DrawingCanvas id="canvas" left="52" right="0" top="0" bottom="0"/>
</s:Application>