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

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

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

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

 

侧边菜单栏弹出效果：

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

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

对manu做交互-鼠标移入时-显示动态面板submanu-逐渐-500ms-弹出效果。注：如果要对submanu里面的部件做交互样式操作的就不要再对manu做鼠标移出时的用例了，不然一移开manu弹窗就会消失了。

 

别忘了对submanu做下隐藏再去预览效果哦。