AxureRP教程—文本组件应用

AxureRP提供的组件很多,大部分都是较为常见的,像文本类的,形状类的,选项类的等,这些组件都是平常设计过程当中经常会使用到得。这些组件的一些基本应用一般大家都是熟知的,本文以实例介绍这些组件的一些组合应用,中间会用到前面所讲的一些方法,例如条件判断,变量等,以及之前介绍过的一些组件应用和方法,其实前面就已经有很多组件组合的应用示例。

前面还介绍过单行文本框组件作为密码输入使用时,是可以设置隐藏输入内容的,这是单行文本框的一个属性,文本框类还可以设置输入内容限制为某一类,如是数字,字母或是特定的限定内容,这个功能在交互事件属性窗口的第一步条件设置窗口里设置,选择组件中的文本是字母、数字或自定义的限制内容,不过这个功能设置只对单行文本框和多行文本框有效。整个设置过程比较简单,特别是熟悉了前面所讲到的一些操作之后,这个限制一般应用在密码输入,以及输入内容需要验证的地方,也有过滤关键词的应用,一般演示个别关键词过滤就可以了,否则就太多了。

上面所说的其实不是组件的组合应用,只是说明一些文本框组件的一些特殊属性和隐藏功能,下面介绍一个组合应用的例子,是下拉列表框与单行文本框的配合,一般常见于搜索应用上,功能是选择某一搜索类别,然后做出相应的搜索提示,方便用户输入搜索关键字。

首先添加一个下拉列表框组件,一个单行文本框组件和一个按钮,设置好下拉选项,实现的功能和原理是:当搜索类型改变时,设置输入框中的内容跟着改变,同时赋予一个变量一个值如1、2、3、4;当输入框获得焦点时,如果输入框内容为各个提示语中的任一个,则清空输入框内容;当输入框失去焦点时,如果输入框内容为空时,输入框重新显示变量值对应选择项时的提示语,当然在输入框内容为提示语以外的内容时,获得和失去焦点时保持输入框内容不变;默认页面加载时设置输入框内显示第一选项的提示语,并给变量赋值1。

主要是设置下拉列表框的OnClick事件和单行文本框的OnFocus、OnLostFocus事件,设置围绕上面所描述的功能,实现原理清晰了之后,设置起来就比较简单了,这个是可以熟能生巧的。

本来还设计了一个模拟微博效果的例子,不过放在这里稍显复杂,后面作为案例分享好了。

例子在AxureRP5.5版本中测试通过

点此查看演示

点此下载源文件

点此下载模拟淘宝首页搜索栏源文件



无觅相关文章插件,快速提升流量

“AxureRP教程—文本组件应用”3 条评论

初学者 | 2011-07-22 17:43 |
commenter

更新的挺频繁的,感谢分享,帮助我学习AxureRP

commenter

新增模拟淘宝首页搜索栏的例子,是别人做的,大家可参考

huhu2012 | 2012-06-27 10:15 |
commenter

感谢分享 学习中