Flex Accessibility 全键盘支持和扩展

核心提示： FocusManager 类FocusManager 类管理组件上的焦点，以响应鼠标活动或键盘活动（Tab 键），Flex Accessibility 全键盘支持和扩展(6)，FocusManager 管理“组件级别”的焦点，可以由 FocusManager 管理的所有组

FocusManager 类

FocusManager 类管理组件上的焦点，以响应鼠标活动或键盘活动（Tab 键），FocusManager 管理“组件级别”的焦点。可以由 FocusManager 管理的所有组件都必须实现 mx.managers.IFocusManagerComponent 接口 .

FocusManager 有几个非常重要也是开发人员经常会使用的方法：

setFocus(o:IFocusManagerComponent) 和 getFocus()

setFocus 方法将焦点设置到某个特定的实现了 IFocusManagerComponent 接口的组件。

setFocus 方法可以实现程序初始化完成后将焦点设定到某个特定组件，如一般的登录页面都会将默认的焦点设置在第一个输入框。我们可以监听 Application 的 createComplete 事件，然后调用 focusManager.setFocus(this.username) 把焦点设置在用户名的输入框上，如图 5 所示 :

清单 6. Login.mxml

　<?xml　version="1.0"　encoding="utf-8"?>　
　<mx:Application　
　xmlns:mx="http://www.adobe.com/2006/mxml"　
　xmlns:widget="*"　layout="vertical"　creationComplete="initApp()">　
　<mx:Script>　
　　<![CDATA[　
　　
　importmx.styles.StyleManager;　
　importmx.managers.FocusManager;　
　importmx.managers.PopUpManager;　
　importmx.controls.Menu;　
　　
　//　程序初始化的时候将焦点设置到用户名的输入框　
　private　
　functioninitApp():void　
　　{　
　this.focusManager.setFocus(this.username);　
　　}　
　　
　　]]>　
　</mx:Script>　
　<mx:Panel　title="登录"　>　
　<mx:HBox　width="100%"　id="box"/>　
　<mx:Form　width="100%"　height="100%">　
　<mx:FormItem　label="用户名"　width="45%">　
　<mx:TextInput　id="username"　/>　
　</mx:FormItem>　
　<mx:FormItem　label="密码"　width="45%">　
　<mx:TextInput　id="pwd"　displayAsPassword="true"/>　
　</mx:FormItem>　
　</mx:Form>　
　　
　<mx:ControlBar　width="100%">　
　<widget:AccHBox>　
　<widget:AccImage　id="img"　source="assets/icons/arrowRight_b.png"/>　
　<widget:AccText　text="Register"/>　
　</widget:AccHBox>　
　<mx:Spacer　width="80%">　
　</mx:Spacer>　
　<mx:Button　label="登录"　id="okBtn"/>　
　<mx:Button　label="取消"/>　
　</mx:ControlBar>　
　</mx:Panel>　
　</mx:Application>