<?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"
        viewSourceURL="srcview/index.html">

    <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" />
            </FormItem>
            <FormItem label="rotation:">
                <HSlider id="slider2"
                        minimum="-360"
                        maximum="360"
                        value="0"
                        snapInterval="1"
                        tickInterval="45"
                        liveDragging="true" />
            </FormItem>
        </Form>
    </ApplicationControlBar>

    <Graphic>
        <Rect id="rect" width="300" height="200">
            <fill>
                <RadialGradient id="radialGradient"
                        focalPointRatio="{slider1.value}"
                        rotation="{slider2.value}">
                    <entries>
                        <GradientEntry color="red" />
                        <GradientEntry color="white" />
                        <GradientEntry color="blue" />
                    </entries>
                </RadialGradient>
            </fill>
        </Rect>
    </Graphic>

</Application>