<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/04/22/looping-through-buttons-in-a-spark-buttonbar-control-in-flex-gumbo/ -->
<s:Application name="Spark_NumericStepper_arrowKeysWrapFocus_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo"
        initialize="init();">

    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayList;
            import mx.containers.Form;
            import mx.containers.FormItem;
            import spark.components.ButtonBar;
            import spark.components.CheckBox;

            private var checkBox:CheckBox;
            private var btnBar:ButtonBar

            private function init():void {
                checkBox = new CheckBox();
                checkBox.addEventListener(Event.CHANGE, checkBox_change);

                var formItem:FormItem = new FormItem();
                formItem.label = "arrowKeysWrapFocus:";
                formItem.addChild(checkBox);

                var form:Form = new Form();
                form.addChild(formItem);
                addElement(form);

                var arr:Array = ["Red", "Orange", "Yellow", "Green", "Blue"];

                btnBar = new ButtonBar();
                btnBar.horizontalCenter = 0;
                btnBar.verticalCenter = 0;
                btnBar.dataProvider = new ArrayList(arr);
                addElement(btnBar);
            }

            protected function checkBox_change(evt:Event):void {
                btnBar.arrowKeysWrapFocus = checkBox.selected;
            }
        ]]>
    </fx:Script>

</s:Application>