Axure-RP-8交互原型设计案例教程第4章-文字处理

1、第4章 文字处理Axure RP 8 交互原型设计案例教程可以从【元件库】面板中的默认元件库中找到文本类元件，如图4-1 所示。Axure RP 8 交互原型设计案例教程第4章文字处理4.1 添加文本4.1.1 应用文本元件图 4-1 文本类元件在Axure RP 中，添加文本并非一定要用前面所说的标题文本、标签文本和段落文本等文本类元件，实际上大多数的元件都可以添加文本。例如，基本元件中除了热区、动态面板、内联框架和中继器之外的其他元件都可以添加文本；标记元件中除了快照之外，其他的元件都可以添加文本。另外，所有的图标类元件和流程图元件（快照除外）也都可以直接添加文本。Axure RP 8 交

2、互原型设计案例教程第4章文字处理4.1 添加文本4.1.2 在其他元件中添加文本添加文本的方法归纳起来有4 种。1. 双击元件输入文本2. 直接选择元件输入文本3. 右击元件输入文本4. 从外部程序复制文本Axure RP 8 交互原型设计案例教程第4章文字处理4.1 添加文本4.1.3 添加文本的方法适合文本大小是指文本框架的宽度或者高度与框架内文本的宽度或者高度大小匹配。可以双击文本框架边缘的控制点快速实现框架适合文本的操作。Axure RP 8 交互原型设计案例教程第4章文字处理4.1 添加文本4.1.4 适合文本大小Axure RP 有两种创建表格的方法。1. 使用表格元件在默认的【元

3、件库】面板中，可以从【菜单和表格】元件库中找到表格的图标。将表格元件拖曳到页面中，会得到一个三行三列的表格。2. 使用特殊粘贴命令Axure RP 支持从金山WPS 办公软件、微软Office 办公软件复制表格数据。图4-2 是在金山WPS 表格处理软件中生成的表格。Axure RP 也支持在记事本这样的纯文本程序中使用【Tab】键分列、使用【Enter】键换行的数据，如图4-3 所示。Axure RP 8 交互原型设计案例教程第4章文字处理4.2 应用表格4.2.1 创建表格Axure RP 8 交互原型设计案例教程第4章文字处理4.2 应用表格4.2.1 创建表格图 4-2 WPS 中的表

4、格 图4-3 使用记事本输入的数据对上面的数据执行【复制】（【Ctrl+C】）命令后，切换到Axure RP 程序界面中并在页面上右击鼠标，从弹出的快捷菜单中执行【特殊粘贴】【粘贴为表格】命令，可以生成Axure RP 的表格，如图4-4 所示。Axure RP 8 交互原型设计案例教程第4章文字处理4.2 应用表格4.2.1 创建表格图 4-4 粘贴为表格1. 选择列将鼠标指针放在一列的顶部位置，当鼠标指针变成一个纵向下指的粗黑箭头时，单击鼠标可选择一列数据，如图4-5 所示。如果配合使用【Shift】键或【Ctrl】键，可以同时选择多列，如图4-6所示。Axure RP 8 交互原型设计案

5、例教程第4章文字处理4.2 应用表格4.2.2 选择表格图 4-5 使用鼠标单击选择列图4-6 使用鼠标选择多列2. 选择行选择行和选择列的方法基本相同，将鼠标指针放在表格的左边，鼠标指针会变成一个横向右指的粗黑箭头，此时单击即可选择一行。配合使用【Shift】键或【Ctrl】键，可以同时选择多行，如图4-7 所示。Axure RP 8 交互原型设计案例教程第4章文字处理4.2 应用表格4.2.2 选择表格图 4-7 使用鼠标单击选择行3. 选择单元格使用鼠标直接单击可选择一个单元格，如果要选择多个单元格，则可以在按住【Shift】键或【Ctrl】键的同时单击鼠标。还可以按下鼠标左键拖曳鼠标，

6、选择多个连续的单元格。4. 选择整个表格选择整个表格的正确方法是：单击表格线，当表格周围出现8 个小方格（控制点）时，就表示选择了整个表格，此时再按【Delete】键删除的就是整个表格了。Axure RP 8 交互原型设计案例教程第4章文字处理4.2 应用表格4.2.2 选择表格编辑表格主要是指改变表格的大小、改变行高和列宽以及插入、删除行和列等。1. 改变表格大小2. 改变行高和列宽3. 插入行和列如果要在现有的表格中插入行或列，可以右击某个单元格，从弹出的快捷菜单中执行相应的插入行和列的命令。还可以在【检视】【属性】子面板中单击插入行和插入列按钮，如图4-8所示。4. 删除行和列5. 设置

7、单元格的边框和底色Axure RP 8 交互原型设计案例教程第4章文字处理4.2 应用表格4.2.3 编辑表格Axure RP 8 交互原型设计案例教程第4章文字处理4.2 应用表格4.2.3 编辑表格图 4-8 插入行和列按钮设置文本的一般格式，可通过Axure RP 的样式工具栏进行操作，如图4-9 所示。Axure RP 8 交互原型设计案例教程第4章文字处理4.3 格式化文本4.3.1 使用样式工具栏图 4-9 样式工具栏的文本格式化选项【样式】子面板包含了样式工具栏中的所有参数和按钮，还增加了【文字投影】、【行间距】和【边距】选项，如图4-10 所示。Axure RP 8 交互原型设

8、计案例教程第4章文字处理4.3 格式化文本4.3.2 使用【样式】子面板图 4-10 【样式】子面板中的文本属性设置在【样式】子面板的顶部还有一个“文本旋转”参数，设置该参数可以使矩形框架内的文本旋转，而矩形文本框架不变，如图4-11 所示。与文本旋转不同，左侧的对象旋转参数是指文本框架旋转，至于文本是否旋转，要看文本旋转参数的设置，如图4-12 所示。Axure RP 8 交互原型设计案例教程第4章文字处理4.3 格式化文本4.3.2 使用【样式】子面板图 4-11 文本旋转 图4-12 对象旋转如果读者用过Word 文字处理程序，那么对于其中的格式刷应该有深刻的印象。其实，Axure RP

9、 中也有一个类似的格式刷工具（【Ctrl+9】） ，在主工具栏中就可以找到它，如图4-13所示。Axure RP 8 交互原型设计案例教程第4章文字处理4.3 格式化文本4.3.3 使用格式刷图4-13 格式刷工具格式刷工具的用法如下。（1）选择带文本的元件，如图4-14（a）所示，没有必要双击选择里面的文字，如图4-14（b）所示。Axure RP 8 交互原型设计案例教程第4章文字处理4.3 格式化文本4.3.3 使用格式刷图 4-14 选择带文本的元件（2）按【Ctrl+9】组合键执行【格式刷工具】命令，在打开的【格式刷】对话框中，选择已经设置好的“元件样式”，下面参数会自动改变，或者也可以逐一修改各个参数，例如，将字体设置为“宋体”，将字号设置为“20”，将字体颜色设置为红色，如图4-15 所示。设置完成后，单击【格式刷】对话框下方的【应用】按钮，可以将设置的选项应用于选择的文本。Axure RP 8 交互原型设计案例教程第4章文字处理4.3 格式化文本4.3.3 使用格式刷图 4-15 设置【格式刷】选项本章总结本章总结通过本章的学习，读者应熟悉掌握在元件中添加文本以及对文本进行格式化的操