<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/12/02/setting-the-spread-method-on-a-linear-gradient-fill-in-flex-gumbo/ -->
<Application name="LinearGradient_spreadMethod_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="spreadMethod:">
                <ComboBox id="comboBox">
                    <dataProvider>
                        <Array>
                            <String>{SpreadMethod.PAD}</String>
                            <String>{SpreadMethod.REFLECT}</String>
                            <String>{SpreadMethod.REPEAT}</String>
                        </Array>
                    </dataProvider>
                </ComboBox>
            </FormItem>
            <FormItem label="width:">
                <HSlider id="widthSlider"
                        minimum="100"
                        maximum="500"
                        value="300"
                        labels="[100,300,500]"
                        snapInterval="1"
                        tickInterval="50"
                        liveDragging="true" />
            </FormItem>
            <FormItem label="scaleX:" direction="vertical">
                <HSlider id="scaleXSlider"
                        minimum="100"
                        maximum="500"
                        value="300"
                        labels="[100,300,500]"
                        snapInterval="1"
                        tickInterval="50"
                        liveDragging="true" />
                <CheckBox id="scaleXCheckBox"
                        label="NaN:"
                        labelPlacement="left"
                        selected="true" />
            </FormItem>
            <FormItem label="rotation:">
                <HSlider id="rotationSlider"
                        minimum="-360"
                        maximum="360"
                        value="0"
                        snapInterval="1"
                        tickInterval="45"
                        liveDragging="true" />
            </FormItem>
        </Form>
    </ApplicationControlBar>

    <Graphic>
        <Ellipse id="ellipse"
                width="{widthSlider.value}"
                height="200">
            <fill>
                <LinearGradient id="linearGrad"
                        spreadMethod="{comboBox.selectedItem}"
                        rotation="{rotationSlider.value}"
                        scaleX="{(scaleXCheckBox.selected) ? NaN : scaleXSlider.value}">
                    <GradientEntry color="red" />
                    <GradientEntry color="white" />
                    <GradientEntry color="blue" />
                </LinearGradient>
            </fill>
        </Ellipse>
    </Graphic>

</Application>