欢迎访问设·集合!

设·集合

您现在的位置是:首页 > 平面软件 > Axure

如何利用Axure设计按钮控制标签的移动路线?

设·集合小编 发布时间:2023-04-13 20:18:18 1550次最后更新:2024-03-08 12:10:30

Axure rp 8元件库中有标记元件-----便签,它们的形状是正方形,可以利用它们设计不同的图形。按钮添加实例,可以控制便签的移动,可以沿着直接移动,也可以旋转移动。下面利用一个实例说明按钮控制便签的移动,如下图所示:

图文不详细?可以点击观看【Axure RP免费试看视频教程】


工具/软件

硬件型号:华为笔记本电脑MateBook 14s

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

打开Axure RP 8软件,在标记元件里找到标签,拖四个不同的标签到画布中,宽度和高度一致,处于同一水平位置,如下图所示:


第2步

设置按钮内容、宽度和高度,宽度跟四个便签的总宽度是一致的,如下图所示:


第3步

选中按钮,添加用例事件,打开用例编辑窗口,添加移动坐标和动画效果,如下图所示:


第4步

分别设置四个便签横坐标、纵坐标和动画,注意需要设置动画的时间,如下图所示:


第5步

设置完毕后,查看便签和按钮的变化,这时按钮多出了一个数字符号,说明设置成功,如下图所示:


第6步

预览该静态页面,点击按钮,这时会看到便签在移动,这就实现了便签移动的效果,如下图所示:


广告位

热心评论

评论列表