Axure怎么制作文本單擊顯示后消失?

Axure中可以給文本添加一些效果,該怎么給文本添加鼠標(biāo)單擊顯示的交互動(dòng)作呢?下面我們就來(lái)看看詳細(xì)的教程。

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型:輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2018-05-24
1、如圖所示,框出的部分為提示文本(已經(jīng)命名為tooltip),希望達(dá)到的效果是默認(rèn)加載時(shí)不顯示,點(diǎn)擊幫助圖標(biāo)后顯示,且2秒后自動(dòng)消失。
2、首先在“屬性面板”的交互中,選擇“載入時(shí)”
3、在“載入時(shí)”用例編輯中,隱藏tooltip,上面的事件無(wú)需理會(huì),是另外一個(gè)交互事件
4、再選擇要單擊的元件,事件選擇“鼠標(biāo)單擊時(shí)”
5、先給tooltip增加第一個(gè)事件,逐漸顯示。
6、通過(guò)“其他”-“等待”,修改等待時(shí)間,實(shí)現(xiàn)顯示2s的效果。
7、繼續(xù)選擇“顯示-隱藏”,這次可見(jiàn)性改成隱藏,如果動(dòng)畫效果選擇“逐漸”,可以把時(shí)間改的短一些。(消失可以比顯示快速一些)
8、回到接受單擊動(dòng)作的元件的交互屬性看一下,相當(dāng)于通過(guò)三個(gè)時(shí)間來(lái)實(shí)現(xiàn)【隱藏-單擊顯示-2s后消失】的效果
9、如果需要做單擊其他地方tooltip消失,可以在全局增加一個(gè)鼠標(biāo)點(diǎn)擊隱藏的事件。
以上就是Axure鼠標(biāo)單擊文本顯示2秒后消失的制作方法,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure RP 8下拉框怎么控制文本框標(biāo)題字體?
Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號(hào)?
Axure文本輸入框怎么去掉邊框? Axure隱藏輸入框邊框的教程
相關(guān)文章
Axure怎么做表格隨著鼠標(biāo)移動(dòng)改變顏色?
Axure怎么做表格隨著鼠標(biāo)移動(dòng)改變顏色?Axure中的表格當(dāng)鼠標(biāo)選中某行的時(shí)候,顏色發(fā)生變化,鼠標(biāo)移開(kāi)以后表格恢復(fù)原來(lái)顏色,下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參2018-01-11axure怎么設(shè)計(jì)鼠標(biāo)展開(kāi)折疊效果?
axure怎么設(shè)計(jì)鼠標(biāo)展開(kāi)折疊效果?axure中想要繪制一個(gè)可以折疊展開(kāi)功能的原型,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看axure制作折疊效果的教程,需要的朋友可以參考下2017-11-01Axure RP打開(kāi)后鼠標(biāo)不能使用該怎么辦?
Axure RP打開(kāi)后鼠標(biāo)不能使用該怎么辦?在使用Axure RP的時(shí)候,發(fā)現(xiàn)打開(kāi)以后鼠標(biāo)無(wú)法使用,不能動(dòng)了,該怎么辦呢?下面我們就來(lái)看看這個(gè)問(wèn)題的解決辦法,需要的朋友可以參考2017-07-05axure怎么設(shè)計(jì)鼠標(biāo)移入移出顯示或隱藏面板?
axure怎么設(shè)計(jì)鼠標(biāo)移入移出顯示或隱藏面板?axure中想要設(shè)計(jì)一個(gè)動(dòng)態(tài)面板,根據(jù)鼠標(biāo)的移入移出來(lái)顯示或隱藏面板,下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-01-11