Axure RP 9 基础教程 元件样式

axure商城

第三章 元件样式

你可以在画布右边的样式选项卡 或者画布上面的样式工具栏中自定义元件的样式属性。我们先讲常用的一些样式属性。

1、透明度

setting a widget\'s opacity

可以调整元件的透明度。0%为完全透明。这个值是整个元件的透明度,会和文字颜色、填充背景颜色里面设置的透明度叠加。

2、文字排版

typography options in the Style pane

字体设置可以设置字体、字形、字号、颜色。

排版样式可以设置行高、文字间距。

更多设置里还能设置项目符号、斜体、粗体、下划线、删除线、上标和下标、英文大小写切换。

additional text formatting options

段落格式:可以设置段落的水平方向对齐方式(居左、居中、居右、两端对齐)、垂直方向上中下对齐。

3、填充

background fill options for widgets

颜色填充支持纯色填充、也支持线性渐变和径向渐变

图像填充可以引入一个图片作为元件的背景。并且可以设置填充位置和样式。

4、边线

border options for widgets

可以设置边框或线段的样式。包括颜色、线宽(线宽设置为0即为不显示边框)、线形(实线、虚线等8种样式可选)。

矩形类的元件,可以设置上下左右各个边框的可见性。

线段和连接线可以设置箭头样式。

5、阴影

shadow options for widgets

设置元件的外部阴影或内部阴影。可以自定义阴影位置、模糊度、颜色。

6、圆角

corner radius options for widgets

可以设置矩形类元件的圆角属性。圆角半径数值控制圆角的大小,单位为像素。也可以设置四个圆角的可见性。

在画布中,选中的矩形元件,拖动左上角的黄色三角形把手,也可以改变圆角半径。

注意:边线可见性会影响圆角属性。角对应的两条边线必须都可见,圆角效果才会出现。(边线宽度为0不影响)

7、内边距

padding options for widgets

内边距属性可以控制文字在元件内部的位置。可以分别设置上下左右的参数值。单位为像素。

本文由 Axure中文网 作者:Axure中文网 发表,其版权均为 Axure中文网 所有,文章内容系作者个人观点,不代表 Axure中文网 对观点赞同或支持。如需转载,请注明文章来源。
104

发表评论