Axure基础:矩形操作

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Axure基础:矩形操作相关的知识,希望对你有一定的参考价值。

参考技术A Axure的基本元件矩形、椭圆形、占位符。

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

1.10、设置文字的字体

1.11、设置字体类型

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

1.12、设置文字字号

1.13、设置文字粗体

1.14、设置文字斜体

1.15、设置文字下划线

1.16、设置文字颜色

1.17、设置项目符号

1.18、设置文字水平对齐

1.19、设置文字垂直对齐

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

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

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

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

3.1、交互触发的时间

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

3.2、矩形的各个交互事件

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

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

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

axure交互样式(下拉列表和矩形)


*****矩形交互样式之单选按钮*****
1、账号输入框、密码输入框等文本框实现效果:输入框获取焦点时边框是蓝色,失
去焦点时边框为红色;

2、实现思路:边框用矩形来设置选中和未选中、禁用和启用即可

3、切记:选中和未选中、禁用和启用都是针对外部的矩形不是内部的输入框!

4、步骤:

1)将矩形【选中】状态的边框颜色改为红色,禁用状态的边框颜色改为蓝色

2)内部输入框隐藏,点击矩形的时候再显示并且获取焦点在输入框内,禁用矩形框
(即边框为蓝色)

3)输入框【获取焦点时】,设置矩形未选中后再禁用矩形(蓝色)

4)输入框【失去焦点时】,启用矩形再设置矩形选中(红色)

5)以上步骤完成后,不管重复点击多少次输入框,都能遵循以上规则实现效果。

*****矩形交互样式之复选框实现*******
1、矩形框内文本为√,文本颜色设置为白色,选中状态的文本颜色设置为想要的颜
色。

2、矩形框【鼠标单击时】——【设置选中状态为“toggle”】即可实现选中的切换
。(点击选中,再次点击取消选中)

 

****下拉框交互样式*****

1、地点选择:省市对应辖区
1)省市——【shengshi】:包含云南、四川、重庆三个选项
2)辖区转化为动态面板——xiaqu
3)xiaqu——【状态1:云南】包含所有云南的辖区——xiaqu_yn
4)xiaqu——【状态2:四川】包含所有四川的辖区——xiaqu_sc
5)xiaqu——【状态3:重庆】包含所有重庆的辖区——xiaqu_cq
6)【shengshi】——【选项想改变时】——【设置条件】——【被选项值为“重庆
”】——【设置动态面板状态为“重庆”】,以此类推判断其他的用例。















以上是关于Axure基础:矩形操作的主要内容,如果未能解决你的问题,请参考以下文章

axure交互样式(下拉列表和矩形)

工具 | Axure基础操作 No.2

Axure RP从入门到精通(五十一)案例 - 数字输入框

Axure使用——创建折叠菜单

axure中继器怎么使用?有大神知道怎么用吗?求教程谢谢!

在Axure 流程图里面点击了矩形 为啥在主页里面没有显示呢 画不出来