Axure学习笔记整理6-弹出效果

这篇博客详细介绍了如何在Axure中实现各种弹出效果,如侧边菜单栏和点击弹窗。通过实例展示了如何设置交互用例,如鼠标移入显示淡入淡出效果,以及如何处理动态面板的显示和隐藏,以实现平滑的用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

弹出效果应用比较广泛,比如侧边菜单栏、加号弹窗、点击向上弹出窗口。其实交互用例都差不多。

例:先制作以下两个形状:分别命名为‘鼠标移入’和‘弹窗内容’;

隐藏‘弹窗内容’,并对‘鼠标移入’部件做交互-鼠标移入时-显示-形状‘弹窗内容’-淡入淡出500毫秒;再添加交互用例’鼠标移出时‘-隐藏-形状‘弹窗内容’-淡入淡出500毫秒;

 

侧边菜单栏弹出效果:

先拖拽以下部件,上面’我的菜单‘命名为manu,下面部件可组合并转换为动态面板后命名为submanu;

可以双击进去submanu的state1进行交互样式设置,设置manu1、manu2、manu3、manu4’鼠标悬停‘时字体颜色变为红色等;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值