品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Axure rp 9

文字输入效果经常用来模拟填写表单、搜索框或者登录界面，能让我们用Axure更真实地展现用户的操作流程。文字环绕效果则多用在图文混排的页面里。下面就为大家介绍Axure中怎么做文字输入效果，Axure怎么做文字环绕的相关内容。

一、Axure中怎么做文字输入效果

文字输入效果通常用在模拟输入文本的场景，比如表单输入框、搜索框等。我们可以通过以下五个步骤实现文字输入效果。

1、创建输入框。拖拽一个【文本框】元件到画布中。使用的时候要注意看清楚是文本框，不要错用【文本标签】元件，虽然这两个元件显示上是一样的，但是文本标签元件无法设置交互动作。

2、设置输入框属性。选中文本框元件，在右侧属性面板中，找到【输入类型】选项。Axure 提供了七种不同的输入类型供选择。选择具体的类型后，输入框会根据类型自动应用预设好的样式。比如我们将输入类型设为密码，输入的文字会显示为圆点。

3、设置默认提示文本。在交互面板中，找到【提示文本】选项。输入默认提示文本：请输入内容。可以在画布中看到提示文本的实时显示，我们选择【隐藏显示】为输入，这样能够实现在开始打字后，提示文本就消失不见的效果。

4、设置交互效果。同样在交互面板中，找到交互样式类目，选择【获取焦点的样式】，我们让文本框获得焦点的时候边框变为蓝色。点击【更多样式选项】，在弹出的交互样式窗口中，分别设置线段颜色为蓝色、边框宽度为1、勾选边框可见性。

5、预览效果。点击顶部菜单栏的预览按钮，我们可以看到最开始文本框上是有提示文字的，点击文本框后，提示文字消失，边框颜色变为蓝色，同时可以输入文字。说明对于文本框的设置生效了。

二、Axure怎么做文字环绕

Axure里并没有像Photoshop或Illustrator那样的路径工具，因此无法直接实现复杂的文字环绕效果。不过，我们可以通过一些简单的方法来模拟文字环绕效果，尤其是矩形或直线路径的文字环绕。我们可以通过以下的三个步骤来实现：

1、放置矩形作为边框。拖拽一个矩形元件到画布中。调整矩形的大小和位置，作为文字环绕的边框。

2、摆放文本标签。在矩形周围，拖拽多个文本标签元件到画布中。输入文本内容，并调整文本的大小和位置，让文本沿着矩形的边缘排列。通过手动调整文本标签的位置，模拟文字环绕的效果。

3、设置矩形为透明。选中矩形元件，在右侧样式面板中，将矩形的填充颜色和边框颜色都设置为透明，这样矩形就完全不可见了。

最终，画布中只会看到沿着矩形边缘排列的文字，我们实现了简单的文字环绕效果。

4、对于更复杂的文字环绕效果，比如圆形路径环绕或曲线路径环绕，Axure无法直接实现。我们需要借Photoshop或Illustrator来完成复杂效果，然后导出图片复制到 Axure中使用。

以上就是Axure中怎么做文字输入效果，Axure怎么做文字环绕的相关内容。文字输入效果能模拟我们平时输入文字的交互方式，让原型更有互动感。文字环绕效果能让文本绕着图形排列，优化页面排版，提升视觉效果。