ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Axure RP实例教程:组合弹出菜单效果

2019-08-18 16:09:33  阅读:276  来源: 互联网

标签:RP 鼠标 组合 实例教程 Axure 面板 元件


Axure RP 9 Mac这款原型设计软件能让设计者快速创建应用软件,或者在web网站的线框图、流程图、原型和规格的设计制作,从低到高的视觉和交互保真度的全方位构建,是目前业界首屈一指的交互式产品原型设计软件!此次小编就带大家来看看Axure RP如何做组合弹出菜单效果。

1、案例效果:

鼠标移入头像前:

鼠标移入头像后:

2、案例描述:

鼠标移入用户头像时逐渐显示用户面板,鼠标移出时隐藏用户面板。

元件准备:

页面中:

包含命名:

组合(用于统一显示面板内所有内容):UserGroup

3、思路分析:

如果想让一组元件统一显示与隐藏,可以将这组元件进行组合或转换为动态面板,然后对组合或者面板进行可见性的动作设置。在这个案例中,这里我们通过组合来实现。

4、操作步骤:

1、选取所有需要统一显示或隐藏的元件,按快捷键<Ctrl+G>键将它们设置为同一组合,默认隐藏组合并命名组合;

2、为“头像”元件的【鼠标移入时】事件添加“用例1”,设置动作为【显示】组合“UserGroup”;设置{动画}为【逐渐】显示,{时间}为“500”毫秒;设置{更多选项}为【弹出效果】。

用例动作设置:

以上就是小编为大家带来的Axure RP实例教程:组合弹出菜单效果。还有更多详细、实用的功能以及相关软件Axure RP 9Mac版获取,大家快来Macdown.com自行探索一番吧。

标签:RP,鼠标,组合,实例教程,Axure,面板,元件
来源: https://blog.csdn.net/weixin_44884444/article/details/99704807

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有