Axure RP怎么實現(xiàn)提示框懸停功能?

Axure RP是一款十分方便的頁面交互模型軟件。產(chǎn)品經(jīng)理在進(jìn)行需求分析的時候,借助Axure RP工具可以很好設(shè)計功能系統(tǒng),本文將簡單介紹Axure RP 的懸停功能(類似于tooltip)如何實現(xiàn)。
1、正常打開Axure RP 工具,本文以新建一個空白頁面為例進(jìn)行說明。
2、從左側(cè)元件庫中拖拽一個文本標(biāo)簽到空白頁面中,如下所示。
3、從左側(cè)元件庫中拖拽一個動態(tài)面板到空白頁面中,雙擊該動態(tài)面板,編輯面板的名稱和內(nèi)容,如下所示。
4、將該動態(tài)面板設(shè)置為“隱藏”。光標(biāo)移到動態(tài)面板處,鼠標(biāo)右鍵點擊該元件,出現(xiàn)的對話框中設(shè)置為隱藏即可,如下圖所示。
5、添加事件,當(dāng)鼠標(biāo)移入時,出現(xiàn)提示框。光標(biāo)選中文本標(biāo)簽元件,在右側(cè)的對話框中屬性下雙擊“鼠標(biāo)移入時”事件,如下圖1所示,雙擊后,會彈出下圖2 所示的窗口,設(shè)置動態(tài)面板可見。點擊“確定”關(guān)閉頁面。
6、添加事件,當(dāng)鼠標(biāo)移出時,提示框消失。光標(biāo)選中文本標(biāo)簽元件,在右側(cè)的對話框中屬性下雙擊“鼠標(biāo)移出時”事件,雙擊后,會彈出下圖 所示的窗口,設(shè)置動態(tài)面板隱藏。點擊“確定”關(guān)閉頁面
7、頁面的主體設(shè)計如下圖1所示,這時候點擊預(yù)覽就可以查看效果了。
相關(guān)推薦:
Axure RP 8怎么利用按鈕控制單選框和復(fù)選框?
相關(guān)文章
axure拖動動態(tài)面板怎么設(shè)計? axure給動態(tài)面板添加拖動條的兩種方法
axure拖動動態(tài)面板怎么設(shè)計?axure設(shè)計動態(tài) 面板的時候,發(fā)現(xiàn)沒有拖動條,想添加,該怎么做呢?下面我們就來介紹axure給動態(tài)面板添加拖動條的兩種方法,需要的朋友可以參考2016-11-03- axure8怎么制作tab菜單選中的效果?axure8做原型的時候,想要讓玄真過得菜單高亮顯示,該怎么社會自呢?下面我們就來看看詳細(xì)的設(shè)置教程,需要的朋友可以參考下2016-11-02
- Axure7.0怎么制作折疊菜單原型?再設(shè)計網(wǎng)頁原型的時候,想設(shè)計一個折疊的菜單,該怎么設(shè)計呢?下面我們就來看看Axure7.0設(shè)計折疊菜單的教程,需要的朋友可以參考下2016-11-02
- axure怎么制作彈出框效果?想要給網(wǎng)頁實現(xiàn)一個彈出框的效果,該怎么設(shè)計這個原型呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2016-10-26
- axure RP7.0怎么制作60秒倒計時效果?我們經(jīng)常使用axure設(shè)計網(wǎng)頁原型,該怎么使用axure制作網(wǎng)頁倒計時60秒的效果呢?請看下文詳細(xì)介紹,需要的朋友可以參考下2016-10-26
Axure設(shè)計圖片輪番播放效果的網(wǎng)頁原型的教程
想設(shè)計一個網(wǎng)頁原型,該怎么設(shè)計呢?下面我們就來看看使用Axure設(shè)計圖片輪番播放效果的網(wǎng)頁原型的教程,很簡單,需要的朋友可以參考下2016-10-23- axure怎么繪制流程圖中的箭頭?axure繪制流程圖需要使用箭頭連接,該怎么繪制箭頭呢?下面我們就來看看使用axure給流程圖添加箭頭的教程,需要的朋友可以參考下2016-09-30
axure動態(tài)面板怎么用? Axure動態(tài)面板制作頁面彈出層的教程
axure動態(tài)面板怎么用?像制作一個彈出的網(wǎng)頁,這時候我們就可以使用axure來設(shè)計,下面我們就來看看Axure動態(tài)面板制作頁面彈出層的教程,需要的朋友可以參考下2016-09-23axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?
axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?很多網(wǎng)站上都可以看到圖片類似幻燈片一樣播放,該怎么制作這個效果呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2016-09-12Axure設(shè)計的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?
Axure設(shè)計的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?Axure中設(shè)計好的網(wǎng)站原型怎么生成網(wǎng)站結(jié)構(gòu)圖呢?下面我們就來看看Axure生成網(wǎng)站結(jié)構(gòu)物的教程,需要的朋友可以參考下2016-09-01