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

 时间:2024-10-12 02:20:34

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

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

2、第二步,在四个便签下方添加一个按钮,设置按钮内容、宽度和高度,宽度跟四个便签的总宽度是一致的,如下图所示:

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

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

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

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

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

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

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

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

如何利用Axure RP 8设计按钮控制标签的移动路线
  • 三维模型中的箭头消失与移动实现方法
  • C4D R20安装教程 附安装包
  • C4D中如何弹出建模工具菜单
  • C4D如何让号码牌始终朝向摄像机
  • C4D在哪能将模型转到我的文档里面
  • 热门搜索
    苹果手机怎么设置来电视频 男人早泄怎么办 火狐浏览器怎么样 打六折怎么算 东阿阿胶怎么吃 房产税怎么交 怎么在网上开店 windows.old怎么删除 胶水怎么去除 睾丸下垂怎么回事