Axure教程:怎样设计图形旋转的原型?

2019-09-2010:22:27原型设计Comments2,918 views字数 172阅读模式
作者:鬼手文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16556.html

1.拖拽一个按钮和一个动态面板到Axure界面,新增动态面板状态1到状态24。
动态面板每个状态中轮盘角度递增15度
例如:状态1中轮盘角度为0度文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16556.html

Axure教程:怎样设计图形旋转的原型?

状态2中轮盘角度为15度文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16556.html

Axure教程:怎样设计图形旋转的原型?

状态3中轮盘角度为30度文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16556.html

Axure教程:怎样设计图形旋转的原型?

.
.
.
依此类推状态24中轮盘角度为345度文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16556.html

Axure教程:怎样设计图形旋转的原型?

2.选中按钮添加鼠标点击事件
设置动态面板状态到next自动循环间隔100毫秒。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16556.html

Axure教程:怎样设计图形旋转的原型?

3.F5或F8生成即可。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16556.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/16556.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/yuanxing/16556.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定