Axure實現提示文本單擊顯示后自動消失的效果


Axure實現提示文本單擊顯示后自動消失的效果

方法/步驟

 
  1.  

    如圖所示,框出的部分為提示文本(已經命名為tooltip),希望達到的效果是默認加載時不顯示,點擊幫助圖標后顯示,且2秒后自動消失。

  2.  

    首先在“屬性面板”的交互中,選擇“載入時”

  3.  

    在“載入時”用例編輯中,隱藏tooltip,上面的事件無需理會,是另外一個交互事件

  4.  

    再選擇要單擊的元件,事件選擇“鼠標單擊時”

  5.  

    先給tooltip增加第一個事件,逐漸顯示。

  6.  

    通過“其他”-“等待”,修改等待時間,實現顯示2s的效果。

  7.  

    繼續選擇“顯示-隱藏”,這次可見性改成隱藏,如果動畫效果選擇“逐漸”,可以把時間改的短一些。(消失可以比顯示快速一些)

  8.  

    回到接受單擊動作的元件的交互屬性看一下,相當於通過三個時間來實現【隱藏-單擊顯示-2s后消失】的效果

  9.  

    如果需要做單擊其他地方tooltip消失,可以在全局增加一個鼠標點擊隱藏的事件。

    END
 
經驗內容僅供參考,如果您需解決具體問題(尤其法律、醫學等領域),建議您詳細咨詢相關領域專業人士。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM