Unity3D基础学习 NGUI自带Tooltip制作提示文字
2013-12-20 10:22
519 查看
简介
NGUI自带的的例子Character中含有一个Tooltip,可以鼠标悬浮到某对象时显示提示文字。非常方便。创建UITooltip
首先你需要在场景NGUi相机下建立一个空物体我把它命名为Tooltip,随意,NGUI-UI-UITooltip然后在其下添加一个Label和一个Sprite,Label是用来显示文字的,Sprite是背景图片
设置Tooltip显示文字的颜色,格式
我们可以看到Tooltip上显示的文字是有各种颜色的,你在UILabel中可以设置,并支持所有十六进制格式的颜色形式,比如你想显示的字是"This is Tooltip",让This蓝色,is红色,Tooltip绿色,那你可以像上图中的写法,"[0088FF]This[FF0000]is[00FF00]Tooltip":。当然你还可以设置换行"\n",但是这得在脚本里加,"\n"和颜色都可以在脚本里你要显示的字符串中加入。
响应UITooltip
这是新建一个Button,大小随意,新建一个脚本,Ngui有自带的响应Tooltip的事件Tooltip,脚本如下/// <summary>
/// 显示ToolTip
/// </summary>
void OnTooltip()
{
SwitchTootip();
UITooltip.ShowText("0088FF]This[FF0000]is[00FF00]Tooltip");
}
void OnHover()
{
UITooltip.ShowText("");
}
然后把脚本拖到刚建的Button上,可以脱到任何带有Collider的NGUi物体上。
微调
运行,查看效果,也许你会发现,现实的位置不是我想要的,在鼠标点显示了,如果你想要在鼠标位置的右下方,那么设置Tooltip中的Label和Sprite的Pivot属性,如图再次运行,即可达到该效果,
值得注意的是,UITooltip的背景Sprite大小是根据Label的文字自动缩放的所以你的文字格式,字数最好大致相同。
如果你想设置UItooltip的响应时间,即悬停多久才出现的话,设置UIcamera的属性,如下图。
相关文章推荐
- Unity3D ----- 制作信息滚动提示(NGUI)
- Unity3d NGUI的使用(十一)(UITable制作下拉文字显示)
- 【Unity3D插件】NGUI基础学习笔记
- Unity3d NGUI的使用(十一)(UITable制作下拉文字显示)
- Unity3D基础学习 NGUI Example 7-Scroll View(Panel)制作固定包裹栏,点击传递参数显示物体
- Unity3D基础学习 NGUI之Example 13 - Tabs简要概述
- 跟我从零基础学习Unity3D开发-NGUI入门基础
- unity3d基础学习笔记14:ngui
- Unity3D NGUI制作文字超链接
- unity3d基础学习笔记15:NGUi动态加载 prefabs
- 跟我从零基础学习Unity3D开发--NGUI入门基础
- Unity3D基础学习 利用NGUI的Texture播放视频
- Java从基础到进阶学习之路----数独小游戏制作(二)
- D3制作基础图表学习总结(part1)
- unity3d基础学习笔记3:坐标
- unity3d基础学习笔记17:C# C++结构体
- java基础学习笔记(五) 文字的编码方案
- 跟我从零基础学习Unity3D开发--资源打包篇(AssetBundle)
- 【Unity3D实战】零基础一步一步教你制作跑酷类游戏(填坑完整版)
- 黑马程序员之C#编程基础学习笔记:提示用户输入两个整数(假设i1,i2)。如果i1,i2都是正数,则将i2的值递增一个数,然后打印i1+i2的值;如果i1,i2都是负数,则将i1的值递减10个数,然后