Flex Accessibility 全键盘支持和扩展

核心提示： 清单 8. 扩展的 AccImage 类publicclassAccImageextendsmx.controls.ImageimplementsIFocusManagerComponent{publicfunctionAccImage(){super();this.tabEnabled=tru

清单 8. 扩展的 AccImage 类

　public　
　classAccImage　extendsmx.controls.Image　
　　implementsIFocusManagerComponent　
　{　
　public　
　functionAccImage()　
　　{　
　super();　
　this.tabEnabled　=　true;　
　　}　
　/**　
　*　覆写　keyDownHandler　函数　,　改变　Image　的默认行为，当用户按下　space　和　enter　键的时候弹出对话框　
　*/　
　protected　
　override　
　functionkeyDownHandler(event:KeyboardEvent):void　
　　{　
　if(event.keyCode　==　Keyboard.SPACE　)　
　　{　
　mx.controls.Alert.show("Space　键触发","提示",1,this);　
　　}　
　else　
　if(event.keyCode　==　Keyboard.ENTER)　
　　{　
　mx.controls.Alert.show("Enter　键触发","提示",1,this);　
　　}　
　　}　
　}　

图 8.扩展的 AccImage 示例

与 Accessibility 全键盘支持相关的的变量

1 ． flash.display.InteractiveObject.tabEnabled：指定此对象是否遵循 Tab 键顺序，大部分实现了 IFocusManagerComponent 的组件的默认值都是 true.

2 ． flash.display.InteractiveObject.tabIndex： 指定对象按 Tab 键顺序排列，Flex 会默认的为每个显示在界面的组件分配一个顺序值，一般按照从上倒下，从左到右的顺序分配，如果用户

3 ． flash.display.DisplayObjectContainer.tabChildren：确定对象的子项是否支持 Tab 键，容器组件需要设置该变量使其孩子能够接受 Tab 键。

结束语

本文对 Flex 的 Accessibility 全键盘支持做了一个简要的介绍 , 并结合例子对如何扩展 Flex 的全键盘支持做了总结，全键盘支持作为 Web 应用的一个重要特征，值得研究的地方还很多，而且随着 Flex 的不断改进，对全键盘的支持也会越来越全面。希望通过本文的示例项目，可以帮助您开发更好的支持全键盘操作的 Flex 应用。

部署和运行示例代码

下载代码到本地计算机，打开 Eclipse，点击 FileimportExisting Projects into Workspace 如图 9 所示，选择 archive file 并指定到代码所在的本地路径（图 10），点击 Finish 按钮。

图 9.导入工程到 Eclipse

图 10.导入 Archive 文件

工程导入 Eclipse 后会自动编译，右键点击 src/Login.mxml 选择 Run AsFlex Application 如图 11 所示，Flex 应用会运行在默认设置的浏览器里如图 12。

图 11.运行 Login.mxml 文件

图 12.运行示例

　

本文示例源代码或素材下载