Axure中可以給文本添加一些效果,該怎么給文本添加鼠標單擊顯示的交互動作呢?下面我們就來看看詳細的教程。
1、如圖所示,框出的部分為提示文本(已經命名為tooltip),希望達到的效果是默認加載時不顯示,點擊幫助圖標后顯示,且2秒后自動消失。
2、首先在“屬性面板”的交互中,選擇“載入時”
3、在“載入時”用例編輯中,隱藏tooltip,上面的事件無需理會,是另外一個交互事件
4、再選擇要單擊的元件,事件選擇“鼠標單擊時”
5、先給tooltip增加第一個事件,逐漸顯示。
6、通過“其他”-“等待”,修改等待時間,實現顯示2s的效果。
7、繼續選擇“顯示-隱藏”,這次可見性改成隱藏,如果動畫效果選擇“逐漸”,可以把時間改的短一些。(消失可以比顯示快速一些)
8、回到接受單擊動作的元件的交互屬性看一下,相當于通過三個時間來實現【隱藏-單擊顯示-2s后消失】的效果
9、如果需要做單擊其他地方tooltip消失,可以在全局增加一個鼠標點擊隱藏的事件。
以上就是Axure鼠標單擊文本顯示2秒后消失的制作方法,希望大家喜歡,請繼續關注錯新站長站。
相關推薦:
Axure RP 8下拉框怎么控制文本框標題字體?
Axure RP 8怎么用按鈕控制文本框顯示數字或星號?
Axure文本輸入框怎么去掉邊框? Axure隱藏輸入框邊框的教程
新聞熱點
疑難解答
圖片精選