<?xml version="1.0" encoding="utf-8"?>
<FxApplication xmlns="http://ns.adobe.com/mxml/2009" xmlns:geom="com.yapiodesign.geometry.*" initialize="init(event)" viewSourceURL="srcview/index.html">

<Script>
	<![CDATA[
		import mx.graphics.GradientEntry;
		import mx.graphics.LinearGradient;
		import mx.graphics.SolidColorStroke;
		import mx.graphics.SolidColor;
		
		[Bindable]
		private var darkStroke:SolidColorStroke;
		[Bindable]
		private var basicGradient:LinearGradient;
		
		[Bindable]
		private var ds:DropShadowFilter = new DropShadowFilter(5,45,0x000000,.55);
		
		private function init(e:Event):void {
			
			darkStroke = new SolidColorStroke(0x999999,2,1,true);
			basicGradient = new LinearGradient();
			var topColor:GradientEntry = new GradientEntry(0xFFFFFF,0);
			var bottomColor:GradientEntry = new GradientEntry(0x000000,1);
			basicGradient.rotation = 90;
			basicGradient.entries = [topColor,bottomColor];
			
		}

	]]>
</Script>

<geom:ComplexRectangle id="complex"
	y="50" horizontalCenter="0" 
	 width="350" height="75"
	topLeftRadius="{TLSlider.value}" topRightRadius="{TRSlider.value}" bottomLeftRadius="{BLSlider.value}" bottomRightRadius="{BRSlider.value}"
	stroke="{darkStroke}" fill="{basicGradient}" filters="{[ds]}" />
	<Form horizontalCenter="0" y="175">
		<FormItem label="Top Left Radius">
			<FxHSlider id="TLSlider" minimum="0" maximum="25" width="150" value="25" liveDragging="true"/>
		</FormItem>
		<FormItem label="Top Right Radius">
			<FxHSlider id="TRSlider" minimum="0" maximum="25" width="150" value="0" liveDragging="true"/>
		</FormItem>
		<FormItem label="Bottom Left Radius">
			<FxHSlider id="BLSlider" minimum="0" maximum="25" width="150" value="0" liveDragging="true"/>
		</FormItem>
		<FormItem label="Bottom Right Radius">
			<FxHSlider id="BRSlider" minimum="0" maximum="25" width="150" value="25" liveDragging="true"/>
		</FormItem>
	</Form>
</FxApplication>