<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/12/25/setting-the-focal-point-on-a-rect-object-in-flex-gumbo/ -->
<Application name="Rect_fill_RadialGradient_focalPointRatio_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <Script>
        <![CDATA[
            import mx.events.SliderEvent;

            private function slider1_change(evt:SliderEvent):void {
                radialGradient.focalPointRatio = evt.value;
            }

            private function slider2_change(evt:SliderEvent):void {
                radialGradient.rotation = evt.value;
            }
        ]]>
    </Script>

    <ApplicationControlBar dock="true">
        <Form styleName="plain">
            <FormItem label="focalPointRatio:">
                <HSlider id="slider1"
                        minimum="-1.0"
                        maximum="1.0"
                        value="0.0"
                        snapInterval="0.1"
                        tickInterval="0.1"
                        liveDragging="true"
                        change="slider1_change(event);" />
            </FormItem>
            <FormItem label="rotation:">
                <HSlider id="slider2"
                        minimum="-360"
                        maximum="360"
                        value="0"
                        snapInterval="1"
                        tickInterval="45"
                        liveDragging="true"
                        change="slider2_change(event);" />
            </FormItem>
        </Form>
    </ApplicationControlBar>

    <Graphic>
        <Rect id="rect" width="300" height="200">
            <fill>
                <RadialGradient id="radialGradient">
                    <entries>
                        <GradientEntry color="red" />
                        <GradientEntry color="white" />
                        <GradientEntry color="blue" />
                    </entries>
                </RadialGradient>
            </fill>
        </Rect>
    </Graphic>

</Application>