弹出效果应用比较广泛,比如侧边菜单栏、加号弹窗、点击向上弹出窗口。其实交互用例都差不多。
例:先制作以下两个形状:分别命名为‘鼠标移入’和‘弹窗内容’;
隐藏‘弹窗内容’,并对‘鼠标移入’部件做交互-鼠标移入时-显示-形状‘弹窗内容’-淡入淡出500毫秒;再添加交互用例’鼠标移出时‘-隐藏-形状‘弹窗内容’-淡入淡出500毫秒;
侧边菜单栏弹出效果:
先拖拽以下部件,上面’我的菜单‘命名为manu,下面部件可组合并转换为动态面板后命名为submanu;
可以双击进去submanu的state1进行交互样式设置,设置manu1、manu2、manu3、manu4’鼠标悬停‘时字体颜色变为红色等;
对manu做交互-鼠标移入时-显示动态面板submanu-逐渐-500ms-弹出效果。注:如果要对submanu里面的部件做交互样式操作的就不要再对manu做鼠标移出时的用例了,不然一移开manu弹窗就会消失了。
别忘了对submanu做下隐藏再去预览效果哦。