Axure RP實現提示框懸停功能具體操作流程

說到Axure RP這款軟件,相信在座的各位都不陌生 , 不過你們知道Axure RP中如何實現提示框懸停功能嗎?下文就帶來了Axure RP實現提示框懸停功能的具體操作流程 。

Axure RP實現提示框懸停功能具體操作流程

【Axure RP實現提示框懸停功能具體操作流程】1、正常打開Axure RP 工具,本文以新建一個空白頁面為例進行說明 。
Axure RP實現提示框懸停功能具體操作流程

2、從左側元件庫中拖拽一個文本標簽到空白頁面中,如下所示 。
Axure RP實現提示框懸停功能具體操作流程

3、從左側元件庫中拖拽一個動態面板到空白頁面中,雙擊該動態面板,編輯面板的名稱和內容,如下所示 。
Axure RP實現提示框懸停功能具體操作流程

4、將該動態面板設置為“隱藏” 。光標移到動態面板處,鼠標右鍵點擊該元件,出現的對話框中設置為隱藏即可,如下圖所示 。
Axure RP實現提示框懸停功能具體操作流程

5、添加事件 , 當鼠標移入時,出現提示框 。光標選中文本標簽元件,在右側的對話框中屬性下雙擊“鼠標移入時”事件,如下圖1所示,雙擊后,會彈出下圖2 所示的窗口,設置動態面板可見 。點擊“確定”關閉頁面 。
Axure RP實現提示框懸停功能具體操作流程

Axure RP實現提示框懸停功能具體操作流程

6、添加事件,當鼠標移出時,提示框消失 。光標選中文本標簽元件,在右側的對話框中屬性下雙擊“鼠標移出時”事件,雙擊后,會彈出下圖 所示的窗口,設置動態面板隱藏 。點擊“確定”關閉頁面
Axure RP實現提示框懸停功能具體操作流程

7、頁面的主體設計如下圖1所示,這時候點擊預覽就可以查看效果了 。
Axure RP實現提示框懸停功能具體操作流程

Axure RP實現提示框懸停功能具體操作流程

按照上文為你們呈現的Axure RP實現提示框懸停功能的具體操作流程,你們是不是都學會啦!

相關經驗推薦