1. 程式人生 > >Axure學習筆記整理6-彈出效果

Axure學習筆記整理6-彈出效果

彈出效果應用比較廣泛,比如側邊選單欄、加號彈窗、點擊向上彈出視窗。其實互動用例都差不多。

例:先製作以下兩個形狀:分別命名為‘滑鼠移入’和‘彈窗內容’;

隱藏‘彈窗內容’,並對‘滑鼠移入’部件做互動-滑鼠移入時-顯示-形狀‘彈窗內容’-淡入淡出500毫秒;再新增互動用例’滑鼠移出時‘-隱藏-形狀‘彈窗內容’-淡入淡出500毫秒;

 

側邊選單欄彈出效果:

先拖拽以下部件,上面’我的選單‘命名為manu,下面部件可組合並轉換為動態面板後命名為submanu;

可以雙擊進去submanu的state1進行互動樣式設定,設定manu1、manu2、manu3、manu4’滑鼠懸停‘時字型顏色變為紅色等;

對manu做互動-滑鼠移入時-顯示動態面板submanu-逐漸-500ms-彈出效果。注:如果要對submanu裡面的部件做互動樣式操作的就不要再對manu做滑鼠移出時的用例了,不然一移開manu彈窗就會消失了。

 

別忘了對submanu做下隱藏再去預覽效果哦。