品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Axure RP 9

在 Axure RP的原型设计中，文本框和元件的隐藏功能是实现交互的重要组成部分。通过设置文本框的输入类型，可以模拟用户输入数字的场景；而利用隐藏功能，可以灵活地控制元件的显示与隐藏，增强原型的动态效果。下面就给大家介绍一下Axure RP如何用文本框显示数字，Axure RP如何隐藏设置好的元件的相关内容。

一、Axure RP如何用文本框显示数字

文本框是Axure RP中常用的一种元件，熟悉文本框的属性和操作能够帮助我们实现多种复杂的效果。接下来，我们来学习如何使用Axure RP 的文本框显示数字。它分为两个大的步骤。

1、熟悉文本框元件

可以在默认元件库位置找到“文本框“（Text Field）元件。找到后可将其拖拽进入画布区域，可对文本框的大小和位置进行设置。

需要注意的是，要确认选择的元件是“文本框“。由于文本框在画布本地显示的时候，外观上和矩形是无异的，容易发生误用。

但两者在使用浏览器进入预览模式的时候，效果是不一样的。矩形元件无法进行内容的输入。文本框元件在鼠标焦点选中后，可以进行文字的键入。

可在拖拽文本框进入画布后，通过左侧的概要面板显示的名称或右侧的样式面板显示的名称，对当前操作的元件进行确认。

点击选中文本框时，可通过周围的锚点拖拽改变文本框的大小。在右边的“样式“面板中，可以对文本框的位置和尺寸、不透明度、排版（针对文本框中显示的文字）、填充色、线段、阴影、圆角、边距等进行设定。

切换到“交互“面板，可以对输入类型进行设置。默认情况下是文本。还包括密码、邮箱、数字、电话、URL、搜索、文件、日期、月份、时间等选项。这个设置决定的是文本框的具体使用类型，是Axure RP帮用户封装好的互动模式，可以便捷地进行设定，我们只要选定类型即可。

举个例子，在分别将三个文本框设置为文本类型、密码类型、日期类型时，虽然在Axure RP本地中看起来没有区别，但当使用浏览器模式进行预览的时候，可以看到文本框能够进行的互动是不同的。文本类型是普通的打字输入互动，密码类型会自动将密码隐藏并提供”可见“按钮，日期类型可点选日期输入。对于输入类型的设置是在使用文本框时常用的设置。

文本框元件还支持设置“提示文字“。

在“交互“面板中，提示文本位置可输入，例如” 支持字母、数字、下划线“的提示，软件会自动将提示文本显示到文本框上。隐藏提示的方式有“输入“和”获取焦点“两种。”输入“模式是当往文本框键入了新的内容时，提示文字会消失，”获取焦点“模式是只要点击一下文本框，提示文字就会消失。

需要注意的是，这种提示文字显示效果不是通过直接在文本框上打字实现的。虽然视觉显示上两者是一致的，但采用打字方式的话，会导致在预览模式下，提示文字无法消失，需要手动删除再输入新的内容。

2、数字显示设置

在了解了文本框的基本属性后，我们可以利用文本框元件进行数字显示的设置。为了模拟真实效果，可以在文本框前用“文本标签“元件，写上”请输入数字“的内容。

之后，选中文本框，在“交互“面板中将输入类型设置为”数字“。

点击“预览“后，在文本框中可以进行数字的输入。也可利用自带的加减器，实现数字的增减。此时，如果输入的时文字内容，文本框会拒绝输入，仅对数字进行呈现。

二、Axure RP如何隐藏设置好的元件

在Axure RP中，隐藏和显示元件是常见的交互操作之一。通过设置元件的可见性，可以控制它在用户交互过程中的展示和隐藏。当向画布置入一个元件，默认状态下是“显示”的状态。有三种方式，可以将元件设置为“隐藏”。

1、画布中操作

选中任一想要隐藏的元件，右击鼠标打开上下文菜单，找到“设为隐藏“选项。

2、“概要”面板中操作

在“概要”面板位置点击选中元件名称，右击鼠标打开上下文菜单，找到“设为隐藏“选项。此种方式适用于画布元件较多，在画布中有时因为层级遮挡的影响，无法直接点选到的情况。

3、样式面板中操作

可在选中元件后，在右侧的样式面板中，位置和尺寸栏目找到切换显示和隐藏的按钮。

如果想把元件从“隐藏”切换为“显示”状态，操作是同样的，只是这选项内容会变为“设为可见”。

执行设为隐藏操作后，在Axure RP本地中可以元件变为淡黄色的样式，并不是真正地隐藏了。

执行“预览”后在浏览器中可以看到矩形元件此时看不到了，这才真正地隐藏了元件。

三、总结

以上就是Axure RP如何用文本框显示数字，Axure RP如何隐藏设置好的元件的全部内容。这些技巧不仅能够提升原型的交互性，还能为我们体验测试提供更真实的模拟环境。