Axure基础:矩形操作

Axure的基本元件矩形、椭圆形、占位符。

基本元件1.png

矩形的属性:
矩形的属性分为三类-----》
矩形中输入的文字属性、矩形的样式设置、矩形的位置设置。

矩形基本属性.png

1、输入的文字属性

双击矩形,可以输入文字,选中矩形可以设置矩形的文字样式。如下:

1.10、设置文字的字体

1.11、设置字体类型

字体选择完成以后一般会有粗、细、常规等设置,不同字体的类型不一致,

1.12、设置文字字号

1.13、设置文字粗体

1.14、设置文字斜体

1.15、设置文字下划线

1.16、设置文字颜色

1.17、设置项目符号

1.18、设置文字水平对齐

1.19、设置文字垂直对齐

2、矩形的样式设置

矩形的样式主要为颜色填充、阴影设置、线框颜色设置、线框宽度、线框类型等5种设置项。

如果线框线段类型设置为“None”,矩形则不显示线框,此时线框颜色和宽度设置无效。

3、矩形的位置设置

除了快速输入矩形的坐标值调整矩形的位置和大小,也可以通过选中矩形拖拽的方式改变矩形的位置和大小。


矩形的交互介绍

矩形的交互区共分为属性区、说明区、样式区。属性区用来做动态效果的设计,说明区用来做对矩形的解释,样式区可以快捷调整矩形的视觉效果,作用同页面上方属性区。我们详细看看矩形的动态效果设计,即矩形本身的动态事件。

矩形的交互事件

3.1、交互触发的时间

交互触发的时间点

从上图我们可以看到,矩形触发交互的时间点非常非常多,我们常见的有鼠标的各个动作触发时间,矩形的状态变化时间(选中、启用),矩形的位置形状变化时间(移动、旋转、缩放,页面的变化时间(载入)

3.2、矩形的各个交互事件

矩形的各个交互事件

五、矩形、椭圆形、占位符属性对比

这三个元件的属性完全一样,不过是形状不同而已;而且默认元件还给我们提供了3个不同颜色的矩形供选择。故,我将这三个元件放到一起介绍。

参考链接:https://www.jianshu.com/p/0bcd8a85dea1

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。