欢迎光临散文网 会员登陆 & 注册

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

2023-09-04 13:33 作者:钅离_LX  | 我要投稿

效果如图:

鼠标指针没法截取

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

实现方式:

  1. 首先创建两个一个Image,名为TipText,再创建一个子Text,就名为Text,TipText作为背景,Text作为文字

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

TipText
Text

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

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

5.写代码:

注:tipTextPrefab是TipText的预制件,把前文创建的TipText塞进资源作为预制件,然后使用Resources.Load加载其即可

脚本中displayDelay为鼠标悬停在UI上后多久出现TipText,tip为提示的文字,offset为偏移量,一般设为1

6.给目的UI加上TipText脚本,即可实现提示框啦



unity:实现鼠标提示框(ToolTip)的评论 (共 条)

分享到微博请遵守国家法律