电脑教程
位置:首页>> 电脑教程>> 苹果Mac教程>> Axure RP实例教程:组合弹出菜单效果

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

  发布时间:2023-09-05 03:37:27 

标签:Axure,RP,9,教程,Axure,9.0,amc,Axure,9案例

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


1、案例效果:

鼠标移入头像前:

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

鼠标移入头像后:

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

2、案例描述:

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

元件准备:

页面中:

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

包含命名:

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

3、思路分析:

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

4、操作步骤:

1、选取所有需要统一显示或隐藏的元件,按快捷键

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

用例动作设置:
Axure RP实例教程:组合弹出菜单效果

0
投稿

猜你喜欢

手机版 电脑教程 asp之家 www.aspxhome.com