<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="232" height="230" currentState="pixel" backgroundColor="#FFFFFF">
<mx:states>
<mx:State name="pixel">
</mx:State>
<mx:State name="bitmap">
<mx:AddChild position="lastChild" creationPolicy="all">
<mx:List x="10" y="30" height="84" width="133" id="_imagesList" doubleClickEnabled="true"></mx:List>
</mx:AddChild>
<mx:AddChild position="lastChild">
<mx:Button x="152" y="32" label="add" id="_addImage" click="onAddImage()"/>
</mx:AddChild>
<mx:AddChild position="lastChild" creationPolicy="all">
<mx:Button x="151" y="62" label="remove" id="_removeImage" enabled="false" click="onRemoveImage()"/>
</mx:AddChild>
<mx:AddChild creationPolicy="all" position="lastChild">
<mx:ComboBox x="10" y="198" id="_imageBlendMode" change="onChooseImageBlendMode()"></mx:ComboBox>
</mx:AddChild>
<mx:SetProperty target="{label1}" name="text" value="Blend Modes"/>
<mx:AddChild position="lastChild">
<mx:Label x="178" y="202" text="bitmap"/>
</mx:AddChild>
<mx:AddChild position="lastChild">
<mx:Label x="10" y="121" text="selected image:"/>
</mx:AddChild>
<mx:AddChild position="lastChild">
<mx:Label x="108" y="121" text="{selectedImageName}" id="_selectedImage"/>
</mx:AddChild>
</mx:State>
<mx:State name="displayObject">
<mx:AddChild position="lastChild" creationPolicy="all">
<mx:ComboBox x="10" y="35" id="_displayObjectComboBox" change="onSelectDisplayObject()"></mx:ComboBox>
</mx:AddChild>
<mx:AddChild position="lastChild">
<mx:Label x="178" y="37" text="type"/>
</mx:AddChild>
<mx:AddChild position="lastChild" creationPolicy="all">
<mx:NumericStepper x="10" y="65" id="_displayObjectProp1" value="1" minimum="0" maximum="50" stepSize=".5" change="onUpdateDisplayObject()"/>
</mx:AddChild>
<mx:AddChild position="lastChild">
<mx:Label x="76" y="67" text="radius" id="label3"/>
</mx:AddChild>
<mx:AddChild position="lastChild" creationPolicy="all">
<mx:ColorPicker x="119" y="65" id="_displayObjectColor" selectedColor="#FFFFFF" change="onUpdateDisplayObject()"/>
</mx:AddChild>
<mx:AddChild position="lastChild">
<mx:Label x="149" y="67" text="color"/>
</mx:AddChild>
<mx:AddChild position="lastChild" creationPolicy="all">
<mx:NumericStepper x="10" y="95" id="_displayObjectProp2" value="1" minimum="0" maximum="50" stepSize=".5" change="onUpdateDisplayObject()"/>
</mx:AddChild>
<mx:AddChild position="lastChild">
<mx:Label x="76" y="97" text="Label" id="label2"/>
</mx:AddChild>
<mx:AddChild position="lastChild">
<mx:Label x="178" y="202" text="image"/>
</mx:AddChild>
<mx:SetProperty target="{_rendererBlendCombo}" name="enabled" value="false"/>
<mx:AddChild position="lastChild" creationPolicy="all">
<mx:ComboBox x="10" y="198" id="_displayObjectBlendMode" change="onUpdateDisplayObject()" selectedIndex="10"></mx:ComboBox>
</mx:AddChild>
</mx:State>
<mx:State name="Dot" basedOn="displayObject">
<mx:RemoveChild target="{label2}"/>
<mx:RemoveChild target="{_displayObjectProp2}"/>
</mx:State>
<mx:State name="Line" basedOn="displayObject">
<mx:RemoveChild target="{label2}"/>
<mx:RemoveChild target="{_displayObjectProp2}"/>
<mx:SetProperty target="{label3}" name="text" value="length"/>
</mx:State>
<mx:State name="RadialDot" basedOn="displayObject">
<mx:RemoveChild target="{label2}"/>
<mx:RemoveChild target="{_displayObjectProp2}"/>
</mx:State>
<mx:State name="Star" basedOn="displayObject">
<mx:RemoveChild target="{label2}"/>
<mx:RemoveChild target="{_displayObjectProp2}"/>
</mx:State>
<mx:State name="Rect" basedOn="displayObject">
<mx:SetProperty target="{label3}" name="text" value="height"/>
<mx:SetProperty target="{label2}" name="text" value="width"/>
</mx:State>
</mx:states>
<mx:Script source="controllers/RendererControl.as" />
<mx:RadioButtonGroup id="_rendererType"/>
<mx:RadioButton x="6" y="5" label="pixel" groupName="_rendererType" click="onSelectRenderer("pixel")" selected="true" enabled="false" id="_radioPixel"/>
<mx:RadioButton x="62" y="5" label="bitmap" groupName="_rendererType" click="onSelectRenderer("bitmap")" id="_radioBitmap"/>
<mx:Label x="10" y="147" text="Blend Mode" id="label1"/>
<mx:ComboBox x="10" y="168" id="_rendererBlendCombo" change="onChooseBlendMode()"></mx:ComboBox>
<mx:Label x="178" y="170" text="renderer"/>
<mx:RadioButton x="127" y="5" label="display object" groupName="_rendererType" id="_radioDisplayObject" click="onSelectRenderer("displayObject")"/>
</mx:Canvas>