原型设计工具Axure RP参考（七） ：样式小部件

Axure RP是一套专门为 站或应用程序所设计的快速原型设计工具， 可以让应用 站策划人员或 站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

样式属性

不透明度

使用此部分中的滑块或数字输入字段设置目标小部件的整体不透明度。该值与填充颜色和文本颜色不透明度值一起堆叠。

版式

• 字体设置：这些控件通过设置小部件的字体系列，字体，字体大小和字体颜色来控制小部件文本的样式。

• 注意：如果您使用字体选择器中“本地”标题下列出的字体，请参阅 络字体参考指南以了解如何在发布原型时保留字体。

• 行距（行距）：调整文本行之间的间距。您可以设置特定的像素值，也可以选择“自动”以使用默认间距。

• 字符间距（跟踪）：调整小部件文本中各个字符之间的间距。您可以设置一个特定值（以十分之一像素为单位），也可以选择“ 0”以使用默认间距。

• 其他文本选项：此菜单包括以下格式选项：

• 项目符 列表，粗体，斜体，下划线和删除线

• 基线：上下移动所选文本的基线。您可以选择普通，上标和下标。

• 字母大小写：转换所选文本中所有字符的大小写。从“普通”，“大写”和“小写”中选择。




• 文本阴影：为小部件文本中的每个字符添加阴影。

• 对齐：六个对齐选项控制控件的文本在其边界内的对齐。您可以控制水平和垂直对齐。

填充

• 颜色：设置小部件的填充颜色。小部件填充颜色可以是纯色，也可以包括线性或径向渐变。

• 图像：设置形状小部件的填充图像以及图像的对齐，缩放和平铺。

边界

• 颜色：设置线小部件或二维小部件轮廓的颜色和不透明度。线条颜色可以是纯色，也可以包括线性或径向渐变。

• 厚度：设置线条控件或二维控件轮廓的粗细。

• 图案：设置小部件轮廓的图案。

• 可见性：控制矩形窗口小部件的哪一侧显示边框。

• 箭头：将箭头添加到线条控件或开放形状的一端或两端。

阴影

给选定的小部件一个外部和/或内部阴影。您可以控制阴影的X和Y偏移，模糊和颜色。对于内部阴影，您还可以控制阴影的扩散。

角

使用数字“半径”字段将矩形小部件的角弄圆。（您也可以通过选择画布上的小部件并拖动其左上角的黄色三角形来执行此操作。）

要控制哪个角显示圆角，请使用“可见性”下拉列表。

填充

这些数字控件确定小部件的文本与相应的边框Left，Top，Right和Bottom之间的最小间距（以像素为单位）。

小部件样式

小部件样式是可重用的，集中管理的样式属性集。您可以将单个窗口小部件样式应用于多个窗口小部件，以统一其样式。如果更改窗口小部件样式中的属性选择之一，则更改将应用于使用该样式的所有窗口小部件。

要将一种窗口小部件样式应用于一个或多个窗口小部件，请选择一个或多个窗口小部件，然后在“样式”窗格或样式工具栏的窗口小部件样式下拉列表中选择该窗口小部件样式。

您可以通过以下方法查看和管理原型中的窗口小部件样式：转到项目→窗口小部件样式管理器，或单击“样式”窗格或样式工具栏中的窗口小部件样式下拉菜单旁边的管理窗口小部件样式图标。

窗口小部件样式层次结构

每个窗口小部件的视觉外观由在以下位置进行的样式属性选择确定，从最低优先级到最高优先级：

1. “小部件样式管理器”对话框顶部的“默认”样式，其样式属性选择将应用于原型中的每个小部件。
2. 窗口小部件的已应用窗口小部件样式（例如Box 3样式），其样式属性选择将覆盖默认样式中的选择。
3. 在“样式”窗格或样式工具栏上的窗口小部件自身上进行的样式属性选择，将覆盖“默认”样式和窗口小部件自己应用的窗口小部件样式中的选择。

注意：当窗口小部件的样式属性选择与其窗口小部件样式的选择不同时，窗口小部件样式名称后会在“样式”窗格和样式工具栏中带有一个星 。

更新和创建样式

快速更新

快速创建

小部件样式管理器

在“样式”窗格或样式工具栏上，单击窗口小部件样式下拉菜单旁边的“管理窗口小部件样式”图标，以打开“窗口小部件样式管理器”。您也可以通过项目→窗口小部件样式管理器菜单选项访问此对话框。

要添加新样式，请单击对话框顶部的“添加”。或者，您可以单击“复制”以从现有样式制作新样式。

要删除样式，请选择它，然后单击“删除”。使用向上和向下箭头重新组织对话框中的样式。

团队项目中的样式

复制和粘贴样式

您可以复制一个小部件的样式并将其粘贴到另一个小部件上。为此：

1. 复制第一个小部件。
2. 右键单击第二个小部件。
3. 选择特殊粘贴→粘贴样式。

第二个小部件将具有第一个小部件的所有样式属性，包括其应用的小部件样式。

格式画家

您可以选择要复制和粘贴的单个属性，也可以一次粘贴到多个小部件上。

此外，格式刷允许您复制和粘贴样式效果。

互动风格效果

“样式效果”是基于Web浏览器中的交互动态应用的窗口小部件样式。只要小部件处于特定状态（例如将鼠标悬停或禁用），它们就会将小部件的样式从其基本样式更改为其他样式。

推荐阅读：

原型设计工具Axure RP入门教程

原型设计工具Axure RP新手教程

想要获得Axure RP更多资源、正版授权的伙伴，请咨询【客服】了解

标签：