手机
当前位置:查字典教程网 >软件教程 >其他软件工具 >Axure怎么给菜单设置旋转效果?
Axure怎么给菜单设置旋转效果?
摘要:软件开发中经常会遇到旋转菜单效果,产品经理在产品设计中,想要用一个旋转菜单菜单效果,该怎么给程序描述,又如何做出自己理想中的旋转菜单效果呢,...

软件开发中经常会遇到旋转菜单效果,产品经理在产品设计中,想要用一个旋转菜单菜单效果,该怎么给程序描述,又如何做出自己理想中的旋转菜单效果呢,今天给大家讲解一下,如何在Axure中做出漂亮的旋转菜单效果

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

Axure怎么给菜单设置旋转效果?1

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

Axure怎么给菜单设置旋转效果?2

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

Axure怎么给菜单设置旋转效果?3

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

Axure怎么给菜单设置旋转效果?4

Axure怎么给菜单设置旋转效果?5

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

Axure怎么给菜单设置旋转效果?6

Axure怎么给菜单设置旋转效果?7

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

Axure怎么给菜单设置旋转效果?8

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

Axure怎么给菜单设置旋转效果?9

注意事项:此示例中以图4作为例子讲解,其他几个图标的点击事件可以参照图4做。

【Axure怎么给菜单设置旋转效果?】相关文章:

BarTender条码打印怎么设置保留几位小数?

UG怎么刻字? UG使用模具设计刻字的教程

BarTender中ean128条码怎么生成?

axure7.0怎么制作折叠和展开的菜单效果?

NTS391R10全站仪怎么设置节电模式?

ADAMS2013怎么汉化? ADAMS英文版设置为中文版的方法

足记电脑版怎么用?足记PC版配电影字幕效果教程

Axure RP Pro 7.0怎么制作图片轮播按钮控制效果?

Visio怎么将图片背景色设置为透明并另存为png格式?

葫芦侠修改器怎么用 葫芦侠修改器教程

精品推荐
分类导航