Axure实现旋转菜单效果(菜单可变大转动)

 时间:2024-10-26 01:14:02

1、首先在Axure画布中拉入一个手机框,并添加上Status Bar

Axure实现旋转菜单效果(菜单可变大转动)

2、在手机框中拖入5个矩形,大的矩形为80x80,小矩形为40x40,并将矩形转变为圆形,分别命名为y1,y2,y3,y4,y52、并在圆形中添加上不同的五张图片,图片可自选,分滕匿晡箸别对应命名为图1,图2,图3,图4,图5

Axure实现旋转菜单效果(菜单可变大转动)

3、在空白位置,标记出y1,y2,y3,y4,y5的坐标备用

Axure实现旋转菜单效果(菜单可变大转动)

4、实现轮转效果, 点击y4小圆,则y1移动到y4的位置,y2移动到y5的位置,y3移动到y2位置,y4移动到y3位置,y5移动到y1的位置

Axure实现旋转菜单效果(菜单可变大转动)
Axure实现旋转菜单效果(菜单可变大转动)

5、实现图片大小变换效果:在图4上放拖入一个动态面板,命名为大小图切换-图4,状态命名为大图,在大图内部,倒入大图标

Axure实现旋转菜单效果(菜单可变大转动)
Axure实现旋转菜单效果(菜单可变大转动)

6、实现整体联动效果,点击图4,设置大小图切换-图4动态面板显示并置于顶层

Axure实现旋转菜单效果(菜单可变大转动)

7、至此,已经完成所有的准备工作,赶紧预览一下效果吧

Axure实现旋转菜单效果(菜单可变大转动)
  • 沙发床品牌有哪些,沙发床十大品牌排行
  • 今日头条怎么启动夜间模式和调整字体大小
  • 源源不断怎么解释
  • 护肤6大要素?
  • 大蒜芽炒鸡蛋
  • 热门搜索
    电子手抄报 保护水资源手抄报 弟子规手抄报 禁毒手抄报图片 中国梦我的梦手抄报 有趣的汉字手抄报 我的家乡手抄报 关于端午节的手抄报 小学英语手抄报 一二年级安全手抄报