时间:2021-05-22
软件开发中经常会遇到旋转菜单效果,产品经理在产品设计中,想要用一个旋转菜单菜单效果,该怎么给程序描述,又如何做出自己理想中的旋转菜单效果呢,今天给大家讲解一下,如何在Axure中做出漂亮的旋转菜单效果
1、首先在Axure画布中拉入一个手机框,并添加上Status Bar
2、在手机框中拖入5个矩形,大的矩形为80x80,小矩形为40x40,并将矩形转变为圆形,分别命名为y1,y2,y3,y4,y5。并在圆形中添加上不同的五张图片,图片可自选,分别对应命名为图1,图2,图3,图4,图5
3、在空白位置,标记出y1,y2,y3,y4,y5的坐标备用
4、实现轮转效果, 点击y4小圆,则y1移动到y4的位置,y2移动到y5的位置,y3移动到y2位置,y4移动到y3位置,y5移动到y1的位置
5、实现图片大小变换效果:在图4上放拖入一个动态面板,命名为大小图切换-图4,状态命名为大图,在大图内部,倒入大图标
6、实现整体联动效果,点击图4,设置大小图切换-图4动态面板显示并置于顶层
7、至此,已经完成所有的准备工作,赶紧预览一下效果吧
注意事项:此示例中以图4作为例子讲解,其他几个图标的点击事件可以参照图4做。
相关推荐:
AxureRP 7.0实现天猫登录的详细教程
axure7.0怎么制作折叠和展开的菜单效果?
Axure怎么制作页面滚动时菜单固定在顶部的页面?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在桌面上点鼠标右键出现的菜单里面有很多没用的选项,在哪设置可以取消这些选项。如何鼠标右键菜单设置。这里为你整理鼠标右键菜单设置的方法,正在为这个问题而困惑的
网页广告怎么屏蔽简单设置让网页清爽干净网页广告怎么屏蔽简单设置让网页清爽干净网页广告怎么屏蔽简单设置让网页清爽干净网页广告怎么屏蔽简单设置让网页清爽干净网页广告
WordPress菜单CSS类选项设置方法:1、点开WordPress菜单设置页面右上角“显示选项”,勾选里面的菜单高级属性CSS类。2
本文实例讲述了Android编程实现RotateAnimation设置中心点旋转动画效果。分享给大家供大家参考,具体如下:在xml设置://设置动画结束时的旋转
PR将素材对象做成旋转晃动的效果的话,需要用到PR中的关键帧设置,通过一个旋转关键帧的设置来实现这种效果,该怎么制作旋转欢动的效果呢?下面我们就来看看详细的教程