Axure教程:显示隐藏-灯箱效果-下拉菜单的弹出效果

猴子
0 评论 19278 浏览 9 收藏 3 分钟

本文给大家分享下,在Axuere中,如何制作显示隐藏-灯箱效果-下拉菜单的弹出效果,一起来看看~

Axure显示隐藏、灯箱效果及下拉菜单弹出效果,案例下载链接如下:

链接: https://pan.baidu.com/s/1B0S3Bru9CHyaNPDtFFE7XA 提取码: ig8x

一、显示隐藏

(1)文件、编辑、视图三个菜单上分别放三个热区

分析:文件,编辑,视图对应子菜单需要单击后,需要显示,那首先肯定是在隐藏的状态下。

(2)选择文件,编辑,视图子菜单隐藏,axure右上角【隐藏】。

(3)选择文件或编辑或视图,属性选择【鼠标单击时】—》元件—》显示/隐藏—》选择对应显示/隐藏的截图—》【切换】。

(4)选择文件或编辑或视图,属性选择【鼠标移除时】—>元件—》隐藏—》勾选需要隐藏的子菜单截图—》隐藏—》确定。

二、灯箱效果(也就是图片放大效果)

  1. 一张大图,一张小图,大图放在小图上面,遮盖住小图片。
  2. 隐藏大图片,点击axure右上角【隐藏】。
  3. 慢速单击小图片两次,则既能选择小图片。
  4. 选中小图片,属性【鼠标单击时】-》【元件】—》显示/隐藏—》显示,勾选大图片-》设置显示效果,逐渐,显示时长100,更多选择【灯箱效果】-》确定。

三、下拉菜单弹出效果

  1. 先把连接拼接成一个组合;
  2. 隐藏【下拉菜单】,右上角勾选【隐藏】;
  3. 选中搜索按钮,添加属性【鼠标移入时】—》【元件】【显示/隐藏】【显示】,勾选下拉菜单—》设置动画,显示时间,更多选项【弹出效果】—》确定。

 

本文由 @ 猴子 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
15304人已学习15篇文章
智能硬件产品经理需要做什么工作内容呢?与互联网产品经理有什么区别呢?本专题为刚入行的智能硬件产品经理分享了入门指南。
专题
15771人已学习13篇文章
用户画像是指根据用户的基本属性、用户偏好、生活习惯、用户行为等信息而抽象出来的标签化用户模型。本专题的文章分享了如何设计和应用用户画像。
专题
15285人已学习12篇文章
本专题的文章分享了SaaS平台产品架构设计。
专题
13969人已学习12篇文章
如何快速了解一个行业?这需要你对这一行业进行细致的调研,了解当下的整体市场环境与未来的发展趋势,进而为后续的产品规划做好准备。本专题的文章分享了行业调研指南。
专题
36297人已学习18篇文章
好的数据分析可以使我们的产品不断优化,而做好数据分析的第一步就是做好数据埋点。