快好知 kuaihz订阅观点

 

Axure基础教程02——文本框

上次给大家介绍过矩形,这次说一下文本框。

顺便要说一下的是,这个系列教程里面,有些部件比如占位符之类就不再赘述了,因为比较简单而且没有什么需要特别设置的功能。

文本框其实也是个挺简单的部件,本身能变化的不多,一些比较复杂的功能,比如本来有“请输入XX”字样点击后就消失的,需要用到条件判断等,这些我们以后讲实际例子的时候再专门讲怎么做。

一、文本框基础功能:

文本框的部件属性设置就不多说了,这一块希望大家都学会自己看看,比较是很基础的东西,会用word的基本上也就会了。

不知道大家开始习惯在各个部件上点击右键看看编辑菜单没,这次主要说的就是编辑菜单里面的东西:

1、限定输入字数:

文本框是可以限制里面输入的字数的,效果就是当输入的文字超过字数后,就无法输入了。在文本框上点右键——编辑文本字段——编辑最大长度,就会出来个输入框要求我们输入限制的字数。

输入了限制数量后,生成的页面里面就会限制到对应的字数,比如限制5个字,就只能输入5个字,不区分中文、英文字母、数字以及符号。不过这里要注意的是,如果设置了限制数量,是没法取消的,比如我们设置了限制5个字,后面要改的话,就只能重新设置,axure里面并没有相关的取消操作,当然也可以把输入框删掉然后使用一个新的。

2、隐藏文本/非隐藏文本

还是点右键——编辑文本字段(后面就不提这个操作了,这次说的功能全部在这里),选择”隐藏文本“的话,就会变成我们常见的密码框的样式,不管输入什么文字都会用一个黑色圆点代替,如下图所示:

如果要取消隐藏,就选择”非隐藏文本“就可以了,文本框默认是”非隐藏文本“模式。

3、显示/隐藏边框:

输入框默认是显示边框的,我们可以选择隐藏掉,如下图所示。当隐藏之后看起来就有点像一个普通的文本,但是生成页面原型后是可以进行文字输入的。

4、设置只读/非只读:

axure对于文本框还有个很奇怪的设置,就是可以把文本框设置为只读状态,这样就无法编辑里面的文字了(文本框为啥不让编辑啊….),具体效果请看例子。

5、分配提交按钮:

这个功能光看上面的字眼可能比较难理解,但是实际作用其实我们经常遇到,比如我们经常在各种登录界面时,在输入输入完直接按回车,就会直接登录,相当于点击”登录“按钮。

这个”分配提交按钮“的功能就是如此,当我们设置这个选项时,会让我们选择某个按钮(或是矩形),当在对应的输入框里面点击回车时,就相当于点击了之前选择好的那个按钮。在作者的例子里面,是有个”跳转到页面2“的按钮(下图中的那个),已经设置好交互。在上面的输入框里面输入回车键,就相当于点击了按钮,读者尝试一下就能理解了。

二、文本框的交互功能:

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:文本  文本词条  基础  基础词条  教程  教程词条  Axure  Axure词条  
原型

 如何快速搭建系统原型(一)

本文是我对现阶段学习和接触到的系统项目总结,将系统界面各部分模块化/组件化,编写了系统通用交互方案,旨在帮助交互设计师、项目经理通过通用方案可以根据项目需求快速...(展开)

原型

 Axure 教程:手机屏幕左滑、...

本文主要讲的是关于手机屏幕上的滑动在原型设计中是如何实现的,一起来文中看看~我们使用手机时经常看小说,逛商城需要大量的滑屏。左右(滑过来,滑过去),上下(滑上去...(展开)

原型

 Axure教程:怎样做低保真轨迹...

对于互联网审计系统及公安系统来说,终端的轨迹与回放的意义在于实施随时追踪和记录终端行为轨迹,其目的是为了监控和抓捕嫌疑人。其实,在很多的场合我们都应用到,像共享...(展开)