<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/12/04/formatting-values-in-an-fxnumericstepper-control-using-a-custom-display-format-function-in-flex-gumbo/ -->
<Application name="FxNumericStepper_displayFormatFunction_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        initialize="init();">

    <Script>
        <![CDATA[
            import mx.components.FxNumericStepper;
            import mx.formatters.NumberFormatter;

            private var numFormatter:NumberFormatter;
            private var numericStepper:FxNumericStepper;

            private function init():void {
                numFormatter = new NumberFormatter();
                numFormatter.precision = 2;

                numericStepper = new FxNumericStepper();
                numericStepper.minimum = 0;
                numericStepper.maximum = 10;
                numericStepper.value = 5;
                numericStepper.stepSize = 0.01;
                numericStepper.valueInterval = 0.01;
                /* The displayFormatFunction property was added in build 4228. */
                numericStepper.displayFormatFunction = numericStepper_dispFmtFunc;
                addChild(numericStepper);
            }

            private function numericStepper_dispFmtFunc(value:Number):String {
                return numFormatter.format(value);
            }
        ]]>
    </Script>

</Application>