=波波日志 > flash/flex/fcs/AIR > 26.7.创建标签以设置访问顺序=
[转]26.7.创建标签以设置访问顺序
26.7.1. 问题
我想支持那些使用指针设备有困难的用户(指针设备就是鼠标之类)
26.7.2. 解决办法
为组件定义一个标签顺序以便用户可以不使用指针设备而能导航应用程序
26.7.3. 讨论
标签顺序是应用程序非常重要的易用性指标。它能使用户无需频繁切换键盘和指针设备就能轻松导航整个应用程序。对于使用指针设备难得用户,标签顺序是很必要的。你可以设置每个对象的tabIndex属性以指定组件的标签顺序。下面的例子TabOrder.mxml,设置了标签顺序,这样用户就能不用鼠标也能轻松导航:
我想支持那些使用指针设备有困难的用户(指针设备就是鼠标之类)
26.7.2. 解决办法
为组件定义一个标签顺序以便用户可以不使用指针设备而能导航应用程序
26.7.3. 讨论
标签顺序是应用程序非常重要的易用性指标。它能使用户无需频繁切换键盘和指针设备就能轻松导航整个应用程序。对于使用指针设备难得用户,标签顺序是很必要的。你可以设置每个对象的tabIndex属性以指定组件的标签顺序。下面的例子TabOrder.mxml,设置了标签顺序,这样用户就能不用鼠标也能轻松导航:
+展开
-XML
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" creationComplete="firstName.setFocus()">
<mx:Canvas width="228" height="215" x="50" y="50"
backgroundColor="#FFFFFF">
<mx:Label x="10" y="10" text="First Name" tabIndex="1" />
<mx:TextInput x="10" y="36" width="100" id="firstName"
tabIndex="2"/>
<mx:Label x="118" y="10" text="Last Name" tabIndex="3" />
<mx:TextInput x="118" y="36" width="100" id="lastName"
tabIndex="4"/>
<mx:Label x="10" y="69" text="Address" tabIndex="5" />
<mx:TextInput x="10" y="95" width="208" id="address"
tabIndex="6"/>
<mx:Label x="10" y="125" text="City" tabIndex="7"/>
<mx:TextInput x="10" y="151" width="100" id="city"
tabIndex="8"/>
<mx:Label x="118" y="125" text="State" tabIndex="9"/>
<mx:TextInput x="118" y="151" width="34" id="state"
tabIndex="10"/>
<mx:Label x="160" y="125" text="Zip" tabIndex="11"/>
<mx:TextInput x="160" y="151" width="58" id="zip"
tabIndex="12"/>
<mx:Button x="153" y="181" label="Submit" id="submit"
tabIndex="13"/>
</mx:Canvas>
</mx:Application>
layout="absolute" creationComplete="firstName.setFocus()">
<mx:Canvas width="228" height="215" x="50" y="50"
backgroundColor="#FFFFFF">
<mx:Label x="10" y="10" text="First Name" tabIndex="1" />
<mx:TextInput x="10" y="36" width="100" id="firstName"
tabIndex="2"/>
<mx:Label x="118" y="10" text="Last Name" tabIndex="3" />
<mx:TextInput x="118" y="36" width="100" id="lastName"
tabIndex="4"/>
<mx:Label x="10" y="69" text="Address" tabIndex="5" />
<mx:TextInput x="10" y="95" width="208" id="address"
tabIndex="6"/>
<mx:Label x="10" y="125" text="City" tabIndex="7"/>
<mx:TextInput x="10" y="151" width="100" id="city"
tabIndex="8"/>
<mx:Label x="118" y="125" text="State" tabIndex="9"/>
<mx:TextInput x="118" y="151" width="34" id="state"
tabIndex="10"/>
<mx:Label x="160" y="125" text="Zip" tabIndex="11"/>
<mx:TextInput x="160" y="151" width="58" id="zip"
tabIndex="12"/>
<mx:Button x="153" y="181" label="Submit" id="submit"
tabIndex="13"/>
</mx:Canvas>
</mx:Application>
类别:flash/flex/fcs/AIR 作者:转载 日期:2010-04-30 【评论:0】
暂时没有评论!
发表留言
百度赞助
同类热门博文
- ·As+lightbox+js实现..
- ·21.8.使用Cairngorm..
- ·13.1.为ArrayCollec..
- ·18.13.通过二进制So..
- ·22.7.使用ModuleLoa..
- ·JavaScript控制Flas..
- ·6.6.动态载入外部图..
- ·flash预加载进度条p..
博格Tag
- flash/flex/fcs/AIR(752)
- Asp.Net/C#/WCF(598)
- 操作系统及应用软件(376)
- JavaScript/Ajax(330)
- SQL及数据库(134)
- 黑客技术(115)
- Asp/VBScript(111)
- HTML/WML/CSS兼容/XML(102)
- PHP/apache/Perl(96)
- 网站排名及优化(96)
- 其他(75)
- showbo日志(66)
- lucene.net/分词技术(33)
- 计算机网络(26)
- 机械重工(26)
- C#设计模式(25)
- Google Maps开发(17)
- 日语学习(15)
- Canvas/VML/SVG(13)
- linux(11)
- 游戏开发(8)
- 正则表达式(5)
- Jsp/Java(4)
最新博文
- ·PHP socket套接字学..
- ·Warning Cannot sen..
- ·php与flash as3 soc..
- ·Flash XMLSocket使用..
- ·给flash右键增加自定..
- ·flash控件html及col..
- ·Flash加载XML文件CD..
- ·Flex3中文教程--hom..
随机博文
