您现在的位置是：首页 > 设计知识设计知识
如何利用axure设计按钮控制标签的移动路线图,axure按钮左右滑动
2022-11-28 18:03:55设计知识4人已围观
简介 如何利用axure设计按钮控制标签的移动路线图,axure按钮左右滑动 PythonAxure rp 8库有标记元素——注释，形状为方形，可以用来设计不同的图形
如何利用axure设计按钮控制标签的移动路线图,axure按钮左右滑动
PythonAxure rp 8库有标记元素——注释，形状为方形，可以用来设计不同的图形。添加一个按钮实例来控制音符的移动，可以是直接移动，也可以是旋转移动。用下面的例子说明按钮控制音符的移动，如下图所示：
不详细？可以点击观看【Axure RP免费试用视频教程】
工具/软件
硬件型号：华为笔记本MateBook 14s
版本：Windows7
所需软件：Axure RP
方法/步骤
第1步
打开Axure RP 8软件，找到标记元素中的标签，将四个不同的标签拖动到画布上，宽度和高度相同，水平位置相同，如下图所示：
第2步
设置按钮内容、宽度和高度。宽度与四个音符的总宽度一致，如下图所示：
第3步
选择添加用例事件按钮，打开用例编辑窗口，添加移动坐标和动画效果，如下图所示：
第4步
分别设置四个音符的横坐标、纵坐标和动画。注意设置动画所需的时间，如下图所示：
第5步
设置后，检查注释和按钮的变化。此时按钮中多了一个数字符号，表示设置成功，如下图所示：
第6步
预览静态页面，点击按钮，就会看到音符移动，实现了音符移动的效果，如下图所示：
注意/提示
好了，这次关于“如何使用Axure设计按钮控制标签的移动路线？”就是这样。按照教程步骤操作是不是超级容易？更多软件使用技巧，请关注小六！
Tags： 设计知识
很赞哦！ ()