Flex Accessibility 全键盘支持和扩展
2010-07-23 00:00:00 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽i鍓х<闁诡垎鍐f寖闂佺娅曢幑鍥灳閺冨牆绀冩い蹇庣娴滈箖鏌ㄥ┑鍡欏嚬缂併劎绮妵鍕箳鐎n亞浠鹃梺闈涙搐鐎氫即鐛崶顒夋晬婵絾瀵ч幑鍥蓟閻斿摜鐟归柛顭戝枛椤牆顪冮妶搴′簼缂侇喗鎸搁悾鐑藉础閻愬秵妫冮崺鈧い鎺戝瀹撲礁鈹戦悩鎻掝伀缁惧彞绮欓弻娑氫沪閹规劕顥濋梺閫炲苯澧伴柟铏崌閿濈偛鈹戠€n€晠鏌嶆潪鎷屽厡闁汇倕鎳愮槐鎾存媴閸撴彃鍓卞銈嗗灦閻熲晛鐣烽妷褉鍋撻敐搴℃灍闁绘挻娲橀妵鍕箛闂堟稐绨肩紓浣藉煐濮樸劎妲愰幘璇茬闁冲搫鍊婚ˇ鏉库攽椤旂》宸ユい顓炲槻閻g兘骞掗幋鏃€鐎婚梺瑙勬儗閸樺€熲叺婵犵數濮烽弫鍛婃叏椤撱垹纾婚柟鍓х帛閳锋垶銇勯幒鍡椾壕缂備礁顦遍弫濠氱嵁閸℃稒鍊烽柛婵嗗椤旀劕鈹戦悜鍥╃У闁告挻鐟︽穱濠囨嚃閳哄啰锛滈梺褰掑亰閸欏骸鈻撳⿰鍫熺厸閻忕偟纭堕崑鎾诲箛娴e憡鍊梺纭呭亹鐞涖儵鍩€椤掑啫鐨洪柡浣圭墪閳规垿鎮欓弶鎴犱桓闂佸湱枪閹芥粎鍒掗弮鍫熷仺缂佸顕抽敃鍌涚厱闁哄洢鍔岄悘鐘绘煕閹般劌浜惧┑锛勫亼閸婃牠宕濋敃鈧…鍧楀焵椤掍胶绠剧€光偓婵犱線鍋楀┑顔硷龚濞咃絿妲愰幒鎳崇喓鎷犻懠鑸垫毐闂傚倷鑳舵灙婵炲鍏樺顐ゆ嫚瀹割喖娈ㄦ繝鐢靛У绾板秹寮查幓鎺濈唵閻犺櫣灏ㄥ銉р偓瑙勬尭濡繂顫忛搹鍦<婵☆垰鎼~宥囩磽娴i鍔嶉柟绋垮暱閻g兘骞嬮敃鈧粻濠氭偣閸パ冪骇鐎规挸绉撮—鍐Χ閸℃ê闉嶇紓浣割儐閸ㄥ墎绮嬪澶嬪€锋い鎺嶇瀵灝鈹戦埥鍡楃仯闁告鍕洸濡わ絽鍟崐鍨叏濡厧浜鹃悗姘炬嫹

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>
Tags:Flex Accessibility 键盘
编辑录入:爽爽 [复制链接] [打 印]- ››键盘样式风格有关设置
- ››Accessibility.updateProperties ,Accessibility...
- ››Flex和JavaScript互操作
- ››Flex 自定义组件外观
- ››Flex Accessibility 全键盘支持和扩展
- ››FlexPaper 1.3.1 发布,在线PDF显示
- ››Flex分页控件
- ››Flex--本地安全策略问题
- ››键盘流必备 - Windows 7常用快捷键整理之基础篇
- ››键盘流必备 - Windows 7常用快捷键整理之WIN键篇
- ››键盘流必备 - Windows 7常用快捷键整理之任务栏篇...
- ››键盘流必备 - Windows 7常用快捷键整理之资源管理...
更多精彩
赞助商链接