Java手机客户端常用控件
在网页和桌面软件中,标准控件是人们非常熟悉的交互元素,是产品开发者在不同场景用以表达特定功用的重要工具。比如,在Firefox浏览器的系统设置中,就用复选框允许用户对标签浏览的多种样式进行选择。

Firefox浏览器中设置标签式浏览属性
除了复选框,标准控件中的单选按钮、下拉列表框、文本输入框等,已经成为公用的软件语言,无论是软件产品的设计者、开发者还是使用者,都离不开这些看似简单但内容丰富的元素。
本文将介绍Java手机客户端软件设计中,几种主要标准控件(复选按钮,单选按钮,下拉列表框,文本输入框)的使用和表现形式,并以几款深受欢迎的手机客户端产品为例,分析在这些产品上相关控件的使用场景。
复选按钮
在Java版UCWEB中,调用了系统自带的复选按钮,用以实现同时选择多个功能项。例如,当用户选择“清除记录”时,软件会提示用户删除哪些项:

UCWEB中清除记录中的复选按钮
可以有默认选中的项,每个被选中的项会打一个叉,这和通常的复选按钮设计不太一致:在通常的复选按钮中,被选中的项前会用对号勾选。
这个系统控件看起来不是很精致,不知是不是这个原因,在Java版手机QQ的登录界面中,没有调用系统自带的复选按钮控件,而是设计了自己的复选按钮。例如,登录QQ时,用户可以通过复选按钮设置记住密码、隐身登录、静音登录、接受群消息等操作。手机QQ的复选按钮设计的比价精致,比如,被选中的项文字处于高亮状态,未被选中的项则处于暗色,当前获得焦点的按钮有亮色边框。

手机QQ登录时的复选框
单选按钮和下拉列表框
当用户需要在众多选项中选择一个时,可以使用单选按钮或下拉列表框。例如,从城市列表中选择一个你的当前城市,从男/女性别中选择你的性别,都需要单选功能。
例如,在Java版手机QQ中的皮肤设置功能,通过平台自带的单选按钮,可以从多个界面方案中选择一项自己喜欢的皮肤模式:

手机QQ中通过单选按钮设置皮肤
在Java版UCWEB中,设计了专门的下拉列表框,比如,在系统设置中选择字体大小时:

UCWEB通过下拉列表设置字体大小
当然,单选功能也可以通过菜单中的多选一实现,例如,在UCWEB中,通过菜单可以设定字体大小:

UCWEB通过菜单选择字体大小
文本输入框
文本输入框要比上面所讲的控件简单,但是实现形式却很丰富,在很多场合可以使用。
例如,Java版手机QQ通过文本输入框输入验证码(值得注意的是,输入框前插入了随即生成的图片):

登录手机QQ时提示输入验证码
上图中一个不完美的地方是,输入框获得焦点后,输入法没有自动切换到数字模式。而在手机QQ中通过号码或昵称查询好友时,却能够正确切换到对应的输入法状态(数字和拼音):

手机QQ分别通过号码或昵称查找好友
另外,可以设置输入框中输入文本长度的上限。比如,上面三个输入中,最长输入长度分别为16、10和12(标题下圆括号内的提示)。
在人人网客户端中,用户写新日志时,调用的系统界面由两个文本输入框组成,分别用来输入标题和正文(其中标题限制在50个字以内):

人人网客户端中写新日志的系统界面
控件之间的组合
通过控件之间的适当组合,一方面,可以使相关的控件更具整体感,另一方面,也可以节省空间,方便用户的统一操作(这在手机这样的小屏幕平台上尤其重要)。
例如,在UCWEB中,搜索输入框和搜索引擎的选择组合在一起:

UCWEB中搜索词输入和搜索引擎选择组合
Java版手机QQ中集成了浏览器功能,在浏览器设置中,字体大小和图片显示这两个属性通过两组单选按钮进行设置:

不同的属性通过多组单选按钮实现
如果候选列表过长,像这样列出所有单选项必然要占据很多空间,使多个选项之间失去整体感。此时,可以用下拉列表组织每组选项,这样,会得到更加清晰的设计。例如,在手机QQ中根据条件查找好友,可以设置地区、年龄、性别,其中,地区、年龄都有很多选项,此时,通过下拉列表隐藏每组内容,会让几个条件的布局简洁,逻辑清晰:

多个条件查找好友,其中可以设置地区
在人人网客户端中,当你给朋友留言时,可以选择是否为“悄悄话”,通过将文本输入框和复选框组合在一起,实现此功能(留言最多为500字):

人人网客户端回复留言界面
总之,正如一个厨师必须了解油盐酱醋的特性才能烹饪出各式美味一样,在Java手机客户端软件中,产品设计者和开发者必须了解这些基本控件的设计和使用,实现产品的不同功能,并使得产品界面简洁明了,操作方便,提高用户体验。特别是那些系统自有控件,如果能够很好的加以使用并巧妙组合,能够省去开发控件的人力和时间,降低开发成本。
相关软件:
1. 手机QQ:2009通用Java版,543Kb,下载地址:http://www.shouji-qq.com/。
2.UCWEB浏览器:7.0,Java通用版,303Kb,下载地址:http://www.ucweb.com/。
3. 人人网客户端:2009正式版,Java通用版,205Kb,下载地址:http://m.renren.com/。
最新评论