• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >axure > Axure基础教程—文本框用法

Axure基础教程—文本框用法

作者:@少爷熙的一些事一些情 字体:[增加 减小] 来源:互联网 时间:2017-06-14

本文主要包含axure,axure文本框用法等相关知识,@少爷熙的一些事一些情希望在学习及工作中可以帮助到您

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

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

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

一、文本框基础功能:

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

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

1、限定输入字数:

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

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

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

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

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

 </div>

3、显示/隐藏边框:

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

</div>  </div>

4、设置只读/非只读:

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

 </div>

5、分配提交按钮:

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

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

</div>

二、文本框的交互功能:

文本框的交互设置有四个,点击时、键盘输入时、获取焦点时以及失去焦点时,暂时没发现有特别要注意的地方,作者平时练习的时候会常常忽略”获取焦点“这一项,因为当我们点击输入框的时候,就已经是”获取焦点“状态了,所以…..

好了这次就先介绍到这里,下次继续介绍其他部件,敬请期待。

前面提到的功能设置例子:点击下载

作者微博求粉:@少爷熙的一些事一些情,欢迎关注哦,有问题也可以直接私信询问

您可能想查找下面的文章:

  • Axure设计:制作iOS列表左滑菜单效果
  • Axure教程:限制输入框输入字数
  • Axure教程:怎样做低保真轨迹追踪与回放
  • Axure教程:微信聊天列表原型制作(二)
  • Axure教程:如何画出曲线图?
  • Axure教程:微信聊天列表原型制作(一)
  • 自定义微信元件库:Axure基本元件的应用(下)
  • 自定义微信元件库:Axure基本元件的应用(上)
  • Axure教程|原型设计之抽屉列表
  • Axure教程:中继器如何切换标记状态?

相关文章

  • 2017-06-13Axure实例:顶栏和侧边栏的固定和窗口自适应
  • 2017-06-13Axure中继器:制作可交互的“APP音乐播放列表页”
  • 2017-06-14Axure 美女浏览原型,内含:多层动态面板嵌套,拖动时函数设定边界
  • 2017-06-14Axure原型设计,单读APP原型分享
  • 2017-06-13Axure教程:多账户的登录验证
  • 2017-06-14Axure7.0教程(六)math函数的使用(1)动态面板环状移动
  • 2017-06-13Axure教程:移动端原型如何适配不同分辨率的手机?
  • 2017-06-14Axure RP设计顶部导航冻结,注册模块互切换,滚动条设计的方法
  • 2017-06-14Axure中继器的基本使用:实现一个简易的人员添加、删除模块
  • 2017-06-13矩形框:深度理解和应用元件样式(二)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Axure教程-锚点滚动效果
    • Axure教程:如何画出曲线图?
    • Axure 8.0 拖动滑块设置数字和日期
    • Axure教程:中继器如何切换标记状态?
    • Axure教程:动态面板实现广告循环播放
    • axure实现网站的通用注册原型设计
    • 矩形框:深度理解和应用元件样式(二)
    • axure实现坦克游戏原型
    • Axure教程:用Axure实现晚会抽奖程序
    • Axure原型技巧 | 这回我们模拟下键盘输入

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有