<?xml version="1.0" encoding="utf-8"?>

<!--arrowKeysWrapFocus 如果为 true，则使用箭头键在组件内导航时，如果击中某一端则将折回。-->

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

    <fx:Declarations>

        <!-- 将非可视元素（例如服务、值对象）放在此处 -->

    </fx:Declarations>

    <mx:Form>

        <mx:FormItem label="arrowKeysWrapFocus:">

            <s:CheckBox id="checkBox" />

        </mx:FormItem>

    </mx:Form>

    <s:ButtonBar id="btnBar" arrowKeysWrapFocus="{checkBox.selected}" horizontalCenter="0" verticalCenter="0">

        <s:dataProvider>

            <s:ArrayList source="[Red,Orange,Yellow,Green,Blue]" />

        </s:dataProvider>

    </s:ButtonBar>

</s:Application>