Axure RP 9 Mac這款原型設計軟件能讓設計者快速創建應用軟件,或者在web網站的線框圖、流程圖、原型和規格的設計製作,從低到高的視覺和交互保真度的全方位構建,是目前業界首屈一指的交互式產品原型設計軟件!此次小編就帶大家來看看Axure RP如何做組合彈出菜單效果。
1、案例效果:
鼠標移入頭像前:
鼠標移入頭像後:
2、案例描述:
鼠標移入用戶頭像時逐漸顯示用戶面板,鼠標移出時隱藏用戶面板。
元件準備:
頁面中:
包含命名:
組合(用於統一顯示面板內所有內容):UserGroup
3、思路分析:
如果想讓一組元件統一顯示與隱藏,可以將這組元件進行組合或轉換爲動態面板,然後對組合或者面板進行可見性的動作設置。在這個案例中,這裏我們通過組合來實現。
4、操作步驟:
1、選取所有需要統一顯示或隱藏的元件,按快捷鍵<Ctrl+G>鍵將它們設置爲同一組合,默認隱藏組合並命名組合;
2、爲“頭像”元件的【鼠標移入時】事件添加“用例1”,設置動作爲【顯示】組合“UserGroup”;設置{動畫}爲【逐漸】顯示,{時間}爲“500”毫秒;設置{更多選項}爲【彈出效果】。
用例動作設置:
以上就是小編爲大家帶來的Axure RP實例教程:組合彈出菜單效果。還有更多詳細、實用的功能以及相關軟件Axure RP 9Mac版獲取,大家快來Macdown.com自行探索一番吧。