做提示用，收藏别人的

Unity UGUI背包系统(五) 之物品浮动提示框实现听语音
|浏览：1384|更新：2018-01-23 22:26
Unity UGUI背包系统(五) 之物品浮动提示框实现1Unity UGUI背包系统(五) 之物品浮动提示框实现2Unity UGUI背包系统(五) 之物品浮动提示框实现3Unity UGUI背包系统(五) 之物品浮动提示框实现4Unity UGUI背包系统(五) 之物品浮动提示框实现5Unity UGUI背包系统(五) 之物品浮动提示框实现6Unity UGUI背包系统(五) 之物品浮动提示框实现7
分步阅读
Unity UGUI背包系统(五) 之物品浮动提示框实现。本节介绍鼠标移动到GridImage上对应显示浮动物品信息的文本提示框的简单案例，具体如下

工具/原料
Unity
UGUI
UGUI背包系统(五) 之物品浮动提示框实现
1
在“KnapsackUI”下添加一个“Text”，并且命名为“ToolTip”，然后在“ToolTip”下面添加一个“Image”作为背景，一个“Text”作为文本显示，“Image”和“Text”都设置为扩展填充，“Text”的文字大小与 “ToolTip”一致，“ToolTip”添加“Content Size Fitter”组件，并设置为“Preferred Size”（目的随文本内容自动调整文本框大小），具体如下图

Unity UGUI背包系统(五) 之物品浮动提示框实现
Unity UGUI背包系统(五) 之物品浮动提示框实现
Unity UGUI背包系统(五) 之物品浮动提示框实现
在“View”文件夹下，新建一个脚本“ToolTip”，双击打开，编写代码，首先获取UI“ToolTip”上两个“Text”，实现显示、隐藏和设置位置接口与函数，具体代码和代码说明如下图

Unity UGUI背包系统(五) 之物品浮动提示框实现
“ToolTip”脚本具体内容如下：

using UnityEngine;

using UnityEngine.UI;

public class ToolTip : MonoBehaviour {

public Text toolTipText;

public Text toolTipChildText;

public void UpdateTolTip(string content) {

    toolTipText.text = content;

    toolTipChildText.text = content;

}

public void Show() {

    this.gameObject.SetActive(true);

}

public void Hide()

{

    this.gameObject.SetActive(false);

}

public void SetLocationPosition(Vector2 position) {

    this.transform.localPosition = position;

}

}

脚本编译正确后，回到Unity界面，把脚本“ToolTip”赋给UI“ToolTip”，并把UI“ToolTip”上的两个“Text”赋值给脚本“ToolTip”，具体如下图

Unity UGUI背包系统(五) 之物品浮动提示框实现
在“View”文件夹下，新建一个脚本“GridImage”，双击打开或者右键“Open C# Project”打开脚本，具体如下图

Unity UGUI背包系统(五) 之物品浮动提示框实现
在打开的脚本“GridImage”上编辑代码，首先继承“IPointerEnterHandler,IPointerExitHandler”，然后添加两个进入退出UI “GridImage”的委托，接着在进入退出UI “GridImage”时调用对应委托，具体如下图

Unity UGUI背包系统(五) 之物品浮动提示框实现
“GridImage”脚本的具体内容如下：

using System;

using UnityEngine;

using UnityEngine.EventSystems;

public class GridImage : MonoBehaviour,IPointerEnterHandler,IPointerExitHandler {

public static Action<Transform> OnEnter;

public static Action OnExit;

public void OnPointerEnter(PointerEventData eventData)

{

    if (OnEnter != null) {

        OnEnter(transform);

    }

}

public void OnPointerExit(PointerEventData eventData)

{

    if (OnExit != null)

    {

        OnExit();

    }

}

}

脚本编译正确后，回到Unity界面，把脚本“GridImage”赋给预制体“GridImage”，这样对应场景的UI“GridImage”也都会自动添加上该脚本，具体如下图

Unity UGUI背包系统(五) 之物品浮动提示框实现
打开“KnapsackManager”脚本，添加吐下代码，实现浮动提示框的功能，具体代码和代码说明如下图

Unity UGUI背包系统(五) 之物品浮动提示框实现
Unity UGUI背包系统(五) 之物品浮动提示框实现
Unity UGUI背包系统(五) 之物品浮动提示框实现
脚本编译正确，回到Unity界面，选中UI“ToolTip”，把“Pivot”拖至到外左上角的位置，具体如下图

Unity UGUI背包系统(五) 之物品浮动提示框实现
运行场景，按下鼠标中键，添加几个物品，把鼠标移动到物品上，就会看到浮动提示框的出现，具体如下图

Unity UGUI背包系统(五) 之物品浮动提示框实现
12
到此，《Unity UGUI背包系统(五) 之物品浮动提示框实现》讲解结束，谢谢

做提示用，收藏别人的

猜你喜欢