<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/08/14/using-the-new-filter-effects-in-flex-gumbo/ -->
<Application name="Gumbo_Filters_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        xmlns:mx="library:adobe/flex/halo"
        layout="flex.layout.BasicLayout">

    <Script>
        <![CDATA[
            import mx.events.SliderEvent;
        
            private function blurXSlider_change(evt:SliderEvent):void {
                blurFilter.blurX = evt.value;
            }

            private function blurYSlider_change(evt:SliderEvent):void {
                blurFilter.blurY = evt.value;
            }

            private function qualitySlider_change(evt:SliderEvent):void {
                blurFilter.quality = evt.value;
            }
        ]]>
    </Script>

    <mx:Form>
        <mx:FormItem label="blurX:">
            <mx:HSlider id="blurXSlider"
                    minimum="0"
                    maximum="10"
                    value="4"
                    snapInterval="1"
                    tickInterval="1"
                    liveDragging="true"
                    change="blurXSlider_change(event);" />
        </mx:FormItem>
        <mx:FormItem label="blurY:">
            <mx:HSlider id="blurYSlider"
                    minimum="0"
                    maximum="10"
                    value="4"
                    snapInterval="1"
                    tickInterval="1"
                    liveDragging="true"
                    change="blurYSlider_change(event);" />
        </mx:FormItem>
        <mx:FormItem label="quality:">
            <mx:HSlider id="qualitySlider"
                    minimum="0"
                    maximum="10"
                    value="1"
                    snapInterval="1"
                    tickInterval="1"
                    liveDragging="true"
                    change="qualitySlider_change(event);" />
        </mx:FormItem>
    </mx:Form>

    <BitmapGraphic id="img"
            source="@Embed('flex_logo.jpg')"
            horizontalCenter="0"
            verticalCenter="0">
        <filters>
            <BlurFilter id="blurFilter" />
        </filters>
    </BitmapGraphic>

</Application>