购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.3 文字格式

图形元件上的文字格式设置和纯文字格式设置的方式是相同的。如图2-9所示为图形元件上的文字设置格式。

·①文字的样式为“文本段落”。

·②字体为Arial Normal。

·③字号为13号。

·④文字没有加粗,没有斜体,没有下画线。

·⑤文字字色为黑色。

·⑥没有项目符号。

·⑦文字对齐方式为左对齐和上对齐。

图2-9 图形

2.3.1 文字样式

单击图2-9中①处的文字样式,会弹出下拉列表框,如图2-10左图所示。图2-10右图中展示的是几种Axure RP默认的文本样式,选择其中一项可以直接改变文字的整体样式。

例如,图2-10中,是同一段文字在Box1、一级标题、文本段落3种样式下的显示效果。用户还可以自己创建新的样式。

图2-10 文字样式

提示:

在Axure RP中,文字元件和矩形元件之间可以相互转换。

2.3.2 调整文本的间距和填充

在样式设置窗口中,还可以对文字设置行间距和填充效果。行间距代表每行文字之间的距离;填充表示元件边缘与文字的距离,如图2-11所示。

图2-11 文字样式设置

如图2-12所示为设置行间距前后文本段落的显示效果对比。文本较多的原型建议适当增大行间距,以提高阅读效率和舒适度。

填充是指图形内的文本距离图形边缘的边距。如图2-13所示为设置了填充上下左右都是22的文本。

图2-12 行间距效果对比

图2-13 填充效果

2.3.3 调整文本的宽度、高度

选中文本元件时可以看到选中框上的点,有白色、黄色,如图2-14所示。黄色的点表示这个方向可以自动调整宽度。白色的点表示这个方向已固定高度。图2-14中左、右点是白色的,表示文字的横向宽度是固定的,文字长度大于该宽度时自动换行。

图2-14 固定宽度

双击可以切换白点/黄点。将图2-14中的点切换成黄点,如图2-15所示。文字在横向宽度是不固定的,文字不会自动换行,而是一直向右扩展。

图2-15 自由填充

在样式设置窗口中也可以设置文本横向、纵向宽度是否固定,如图2-16所示。

图2-16 设置宽度、高度是否固定 4BTEYLyc9zkNV04vsUNFb4yo32DSiCoEYVzrQnuQjOYannT83I/YgR32i8Q5h9zJ

点击中间区域
呼出菜单
上一章
目录
下一章
×