axure商城

Axure RP 9 基础教程 元件样式

第三章 元件样式

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

1、透明度

Axure RP 9 基础教程 元件样式

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

2、文字排版

Axure RP 9 基础教程 元件样式

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

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

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

Axure RP 9 基础教程 元件样式

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

3、填充

Axure RP 9 基础教程 元件样式

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

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

4、边线

Axure RP 9 基础教程 元件样式

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

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

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

5、阴影

Axure RP 9 基础教程 元件样式

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

6、圆角

Axure RP 9 基础教程 元件样式

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

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

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

7、内边距

Axure RP 9 基础教程 元件样式

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

给TA打赏
共{{data.count}}人
人已打赏
基础教程

Axure RP 9 基础教程 元件基础3

2019-5-9 15:20:30

基础教程

Axure9汉化后无法打开软件的解决办法

2019-6-23 21:00:05

axure商城
5 条回复 A文章作者 M管理员
  1. 尾巴酱

    黄老师,请问ax9中,鼠标悬停到元件和元件组上会显示出来的蓝色的线如何隐藏?

  2. 生活如此多娇

    黄老师,为什么元件库里的东西我拖拽出来啥也画不出来呢?是什么原因?我用的8.0和9.0都不行呢。

  3. 李蔫蔫
  4. 176****6310
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索