Axure基础：文本框 *** 作

在设计填写项时我们我们需要经常用到文本框，比如注册、登录、个人信息等相关的页面设计，我们都需要使用文本框。文本框的类型包含：文本、密码、邮箱、数字、电话、URL地址、搜索、文件、日期、月份和时间。选定好类型后，只能在文本框中输入选定类型的信息。比如我们设定了数字，则无法输入中文和英文。文本框内容的输入长度，可以设定上限，这里的长度限制同时适用于中文、英文和数字。选中元件，右键单击选择“文本类型”，右键单击选择文本框选择“编辑最大长度”，输入数字，限定最大长度。文本框的类型和长度限制也可以通过交互样式面板进行设置。

设置方式：选中文本框 - 交互 - 名称旁边小图标 - 选择数据类型

11种数据类型的区别：

文本提示：提示用户应该在文本框中输入什么样的内容，点击输入框获取焦点后，内置提示信息消失。选中元件，在右侧交互样式面板的提示文本中，填写提示内容。

提示：选择是在获取焦点时隐藏提示文本，还是在用户输入时隐藏提示文本。

工具提示：鼠标悬停在文本框中提示的文字

提交按钮：起到一个关联的作用，把回车和按钮关联到一起

（将密码框提交按钮设置为登陆的意思就是：输完密码直接回车就登陆进入下一页面）

最大长度：指的是最多能输入多少个字符（手机号11位就输入11）

禁用：意味着系统无法和用户进行交互，不能选择、不能输入、不能更改、不能复制

只读：可以选择、可以复制，但是不能输入、不能更改

链接：https://www.jianshu.com/p/f592ced9cd1a

        文本框和文本域是Axure获取用户输入信息的主要元件，“但我打进去的字怎么用啊？”成了不少初学者开始做交互时遇到的问题，由于这个部分在Axure中藏的有点点深，以至于我一开始接触文本框的时候也是一脸懵逼，后来发现大概有两种方式可以获取文本框中的文字，我们先来看一个简单的示例：

        首先我们要明确获取文本框的原理——其核心就是Axure交互中“元件文字”这个选项，结合上图中的示例我们具体分析：

        1.  我们需要用户能输入文字，拖一个文本框（文本域）进去，命名为Textfiled。

        2.  取出来的文字我们要怎么用？我也是采用最简单的方式把取出来的文字直接显示在一个矩形中（命名为Placehold），你当然也可以将这个文字填充到中继器、赋值给全局变量等等。

        3.  我们什么时候需要提取用户输入的文字？最简单的方法我们可以拖一个按钮进来，当用户点击的时候我们来获取用户输入的文字，并按照2中将文字显示在矩形中。当然你可以设置成其他任何复杂情况下，比如打开新页面链接时，某元件显示或隐藏时获取文字等等，这里仅用最简单方便的按钮方式展示。

        原理1.2.3我们都搞明白了，那么我们来具体写一下吧。

        方法一：当用户按下按钮时我们在按钮中加入交互，当点击鼠标时，设置目标“Placehold（矩形）”设置为“文本”，值这行点击右侧fx按钮，点击后编辑函数的新窗口中先往下看，点击添加局部变量，将“LVAR1”设置为“元件文字”，后面选择谁的元件文字呢？当然是Textfiled，也就是输入框了。

之后选择上面的插入变量或函数选择“LVAR1”，点击确定完成即可。

        方法二：前面同方法一依然是在按钮中加入交互，但当点击鼠标时，设置目标Placehold（矩形）”设置为“元件文字”，目标直接选择Textfiled即可，简单又高效。

        可能是因为汉化的原因，初学者看到方法一中设置为“文本”第一印象就定格为文本框中的文本，而后面需要填值时又因为导致未熟练掌握函数写法一脸懵逼，从而纠结于此，未能发现菜单中隐藏的更为简单的“元件文字”选项。

——————————————————文章目录——————————————————

Chapter 1

开始前的准备

1. 写在前面，我为什么要开Axure这个坑？

2. 没有完整构想的产品上来直接开画就是耍流氓。

3. 做之前先想好：高保真还是低保真？

4. 移动端的相关规范，多多少少还是要知道一点点的。

Chapter 2

开始做吧,初学时懵逼的问题：

5. 站在巨人的肩膀上：先装个元件库吧

6. 技多不压身，元件多了真的压

7. 文本框、文本域：如何获取输入的文字？

8. 如何使用url及变量链接页面并实现跳转

9. 关于命名规范：页面、元件、组。

10. 什么时候该使用动态面板？

11. 什么时候应该使用中继器？

12. 交互、变量、函数我该怎么着手学习？

13. 关于交互的最后防线——启用情形

Chapter3

实战教程，未完待续...

---