图形元件上的文字格式设置和纯文字格式设置的方式是相同的。如图2-9所示为图形元件上的文字设置格式。
·①文字的样式为“文本段落”。
·②字体为Arial Normal。
·③字号为13号。
·④文字没有加粗,没有斜体,没有下画线。
·⑤文字字色为黑色。
·⑥没有项目符号。
·⑦文字对齐方式为左对齐和上对齐。
图2-9 图形
单击图2-9中①处的文字样式,会弹出下拉列表框,如图2-10左图所示。图2-10右图中展示的是几种Axure RP默认的文本样式,选择其中一项可以直接改变文字的整体样式。
例如,图2-10中,是同一段文字在Box1、一级标题、文本段落3种样式下的显示效果。用户还可以自己创建新的样式。
图2-10 文字样式
在Axure RP中,文字元件和矩形元件之间可以相互转换。
在样式设置窗口中,还可以对文字设置行间距和填充效果。行间距代表每行文字之间的距离;填充表示元件边缘与文字的距离,如图2-11所示。
图2-11 文字样式设置
如图2-12所示为设置行间距前后文本段落的显示效果对比。文本较多的原型建议适当增大行间距,以提高阅读效率和舒适度。
填充是指图形内的文本距离图形边缘的边距。如图2-13所示为设置了填充上下左右都是22的文本。
图2-12 行间距效果对比
图2-13 填充效果
选中文本元件时可以看到选中框上的点,有白色、黄色,如图2-14所示。黄色的点表示这个方向可以自动调整宽度。白色的点表示这个方向已固定高度。图2-14中左、右点是白色的,表示文字的横向宽度是固定的,文字长度大于该宽度时自动换行。
图2-14 固定宽度
双击可以切换白点/黄点。将图2-14中的点切换成黄点,如图2-15所示。文字在横向宽度是不固定的,文字不会自动换行,而是一直向右扩展。
图2-15 自由填充
在样式设置窗口中也可以设置文本横向、纵向宽度是否固定,如图2-16所示。
图2-16 设置宽度、高度是否固定