unity:實現(xiàn)鼠標(biāo)提示框(ToolTip)

效果如圖:

當(dāng)鼠標(biāo)指針移動到UI上方時,顯示小文本框提示

實現(xiàn)方式:
首先創(chuàng)建兩個一個Image,名為TipText,再創(chuàng)建一個子Text,就名為Text,TipText作為背景,Text作為文字

2.給TipText和Text添加ContentSizeFitter,水平和垂直匹配都改為PreferredSize;然后再給TipText添加VerticalLayoutGroup組件,取消勾選子力擴(kuò)展:


3.給TipText添加Canvas組件,并且把排序次數(shù)適當(dāng)調(diào)高,以保證提示框不被UI遮擋

4.給TipText創(chuàng)建動畫,實現(xiàn)緩慢顯現(xiàn)的效果。動畫關(guān)鍵幀如圖所示:




5.寫代碼:
注:tipTextPrefab是TipText的預(yù)制件,把前文創(chuàng)建的TipText塞進(jìn)資源作為預(yù)制件,然后使用Resources.Load加載其即可
腳本中displayDelay為鼠標(biāo)懸停在UI上后多久出現(xiàn)TipText,tip為提示的文字,offset為偏移量,一般設(shè)為1
6.給目的UI加上TipText腳本,即可實現(xiàn)提示框啦

標(biāo)簽: