<?xml version="1.0" encoding="utf-8"?>
<Application name="LinearGradientStroke_x_test"
xmlns="http://ns.adobe.com/mxml/2009"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<Script>
<![CDATA[
import mx.events.SliderEvent;
private function xSlider_change(evt:SliderEvent):void {
linearGrad.x = evt.value;
}
private function ySlider_change(evt:SliderEvent):void {
linearGrad.y = evt.value;
}
private function rotationSlider_change(evt:SliderEvent):void {
linearGrad.rotation = evt.value;
}
]]>
</Script>
<ApplicationControlBar dock="true">
<Form styleName="plain">
<FormItem label="x:">
<HSlider id="xSlider"
minimum="-100"
maximum="100"
value="0"
snapInterval="1"
tickInterval="25"
liveDragging="true"
change="xSlider_change(event);" />
</FormItem>
<FormItem label="y:">
<HSlider id="ySlider"
minimum="-100"
maximum="100"
value="0"
snapInterval="1"
tickInterval="25"
liveDragging="true"
change="ySlider_change(event);" />
</FormItem>
<FormItem label="rotation:">
<HSlider id="rotationSlider"
minimum="-360"
maximum="360"
value="0"
snapInterval="1"
tickInterval="45"
liveDragging="true"
change="rotationSlider_change(event);" />
</FormItem>
</Form>
</ApplicationControlBar>
<Graphic>
<Rect id="rect" width="300" height="200">
<stroke>
<LinearGradientStroke id="linearGrad"
x="{xSlider.value}"
y="{ySlider.value}"
rotation="{rotationSlider.value}"
weight="5">
<GradientEntry color="red" />
<GradientEntry color="white" />
<GradientEntry color="blue" />
</LinearGradientStroke>
</stroke>
</Rect>
</Graphic>
</Application>