<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/11/27/creating-a-linear-gradient-fill-on-an-ellipse-object-in-flex-gumbo/ -->
<FxApplication name="Ellipse_fill_LinearGradient_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        viewSourceURL="srcview/index.html">
    <layout>
        <BasicLayout />
    </layout>

    <Form>
        <FormItem label="color 1:">
            <ColorPicker id="colorPicker1"
                    selectedColor="red" />
        </FormItem>
        <FormItem label="alpha 1:">
            <HSlider id="slider1"
                    minimum="0.0"
                    maximum="1.0"
                    value="1.0"
                    snapInterval="0.1"
                    tickInterval="0.1"
                    liveDragging="true" />
        </FormItem>
        <FormItem label="color 2:">
            <ColorPicker id="colorPicker2"
                    selectedColor="green" />
        </FormItem>
        <FormItem label="alpha 2:">
            <HSlider id="slider2"
                    minimum="0.0"
                    maximum="1.0"
                    value="1.0"
                    snapInterval="0.1"
                    tickInterval="0.1"
                    liveDragging="true" />
        </FormItem>
        <FormItem label="color 3:">
            <ColorPicker id="colorPicker3"
                    selectedColor="blue" />
        </FormItem>
        <FormItem label="alpha 3:">
            <HSlider id="slider3"
                    minimum="0.0"
                    maximum="1.0"
                    value="1.0"
                    snapInterval="0.1"
                    tickInterval="0.1"
                    liveDragging="true" />
        </FormItem>
    </Form>

    <Ellipse id="ellipse"
            width="200"
            height="300"
            horizontalCenter="100"
            verticalCenter="0">
        <fill>
            <LinearGradient>
                <GradientEntry id="gradientEntry1"
                        color="{colorPicker1.selectedColor}"
                        alpha="{slider1.value}" />
                <GradientEntry id="gradientEntry2"
                        color="{colorPicker2.selectedColor}"
                        alpha="{slider2.value}" />
                <GradientEntry id="gradientEntry3"
                        color="{colorPicker3.selectedColor}"
                        alpha="{slider3.value}" />
            </LinearGradient>
        </fill>
    </Ellipse>

</FxApplication>