unity:实现鼠标提示框(ToolTip)

效果如图:

当鼠标指针移动到UI上方时,显示小文本框提示

实现方式:
首先创建两个一个Image,名为TipText,再创建一个子Text,就名为Text,TipText作为背景,Text作为文字

2.给TipText和Text添加ContentSizeFitter,水平和垂直匹配都改为PreferredSize;然后再给TipText添加VerticalLayoutGroup组件,取消勾选子力扩展:


3.给TipText添加Canvas组件,并且把排序次数适当调高,以保证提示框不被UI遮挡

4.给TipText创建动画,实现缓慢显现的效果。动画关键帧如图所示:




5.写代码:
注:tipTextPrefab是TipText的预制件,把前文创建的TipText塞进资源作为预制件,然后使用Resources.Load加载其即可
脚本中displayDelay为鼠标悬停在UI上后多久出现TipText,tip为提示的文字,offset为偏移量,一般设为1
6.给目的UI加上TipText脚本,即可实现提示框啦
