Axure第9享:元件页面样式修改

目标: 了解并掌握元件页面属性修改的一些细节内容。

 

步骤:

1、从元件库中拖入一个矩形元件,如下图1。

 

图1

2、选中元件后,右侧样式包括:位置·尺寸、box、填充、阴影、边框、圆角半径、不透明、字体、行间距、项目符号、对齐、填充等,其中位置·尺寸、box、填充、阴影、边框、圆角半径、不透明等都是针对元件边框,而字体、行间距、项目符号、对齐、填充等则是针对元件中的文字。

3、位置·尺寸:设定元件在画布中的x轴、y轴坐标,调整元件自身的宽度、高度,调整元件的角度、文本的角度,水平翻转、垂直翻转,自动适应文本宽度、自动适应文本高度、隐藏(勾选隐藏后,预览之后看不到元件)等。

这里重点介绍调整元件的角度、文本的角度,为此在矩形中输入文字,并添加元件框颜色,将两个的参数均设计为30,界面如下图2。

图2

说明:若想使文字也翻转30度,则需要将文本角度修改为60即可。

4、box是各种元件的样式,主要类型见下图3,不再赘述。

图3

5、填充、阴影、边框不再赘述,接下来介绍一下圆角半径,这里本应该是可以编辑,然后改变矩形的四个角的圆度,但是现在无法编辑,如果有朋友知道原因,希望不吝赐教。

不透明、字体、行间距、项目符号(前面出现圆点,类似项目编号)、对齐都很简单,不再多言。

6、最后,介绍一下填充功能,这个主要是文本中的上、下、左、右的边框距离,这里将4个参数均设置为0,效果见下图4。

图4

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

何庆华

谢谢小主!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值