Axure實現提示文本單擊顯示后自動消失的效果
方法/步驟
-
如圖所示,框出的部分為提示文本(已經命名為tooltip),希望達到的效果是默認加載時不顯示,點擊幫助圖標后顯示,且2秒后自動消失。
-
首先在“屬性面板”的交互中,選擇“載入時”
-
在“載入時”用例編輯中,隱藏tooltip,上面的事件無需理會,是另外一個交互事件
-
再選擇要單擊的元件,事件選擇“鼠標單擊時”
-
先給tooltip增加第一個事件,逐漸顯示。
-
通過“其他”-“等待”,修改等待時間,實現顯示2s的效果。
-
繼續選擇“顯示-隱藏”,這次可見性改成隱藏,如果動畫效果選擇“逐漸”,可以把時間改的短一些。(消失可以比顯示快速一些)
-
回到接受單擊動作的元件的交互屬性看一下,相當於通過三個時間來實現【隱藏-單擊顯示-2s后消失】的效果
-
如果需要做單擊其他地方tooltip消失,可以在全局增加一個鼠標點擊隱藏的事件。
END
經驗內容僅供參考,如果您需解決具體問題(尤其法律、醫學等領域),建議您詳細咨詢相關領域專業人士。