Axure RP實例教程:組合彈出菜單效果

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自行探索一番吧。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章