Unity3D实现鼠标悬浮UI或物体上显示文字信息

系列文章目录

Unity工具



大家好,我是&心疼你的一切,不定时更新Unity开发技巧,觉得有用记得一键三连哦。

前言

本篇文章实现一个鼠标悬浮在ui或者物体上显示文字的功能


最终效果

unity鼠标悬浮ui显示文字

一、UI事件显示文字

1-1 ui事件需要引用命名空间using UnityEngine.EventSystems;

1-2 IPointerEnterHandler 接口

鼠标进入UI执行的

1-3 IPointerExitHandler 接口

鼠标离开UI执行的

1-4 IPointerMoveHandler 接口

鼠标在ui里滑动执行的

二、场景搭建

2-1 实现如下

1.在这里插入图片描述
2.在这里插入图片描述
搭建比较简单,各位顺便搭建吧。

三、代码实现

3-1 挂到Image上面的脚本

在这里插入图片描述

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;

public class UIInputText : MonoBehaviour, IPointerEnterHandler, IPointerExitHandler, IPointerMoveHandler
{
   
    public void OnPointerEnter(PointerEventData eventData)
    {
   
        UIController.instance_.uitextobj.position = new Vector3(Input.mousePosition.x, Input.mousePosition.y + 25, 0);
        UIController.instance_.uitextobj.gameObject.SetActive(true);
        UIController.instance_.text.text = this.name;
    }
    //鼠标离开
    public void OnPointerExit(PointerEventData eventData)
    {
   
        UIController.instance_.uitextobj.gameObject.SetActive(false);
    }
    //鼠标在ui里滑动
    public void OnPointerMove(PointerEventData eventData)
    {
   
        UIController.instance_.uitextobj.position = new Vector3(Input.mousePosition.x, Input.mousePosition.y + 25, 0);
        UIController.instance_.uitextobj.gameObject.SetActive(true);
        UIController.instance_.text.text = this.name;
    }

    // Start is called before the first frame update
    void Start()
    {
   
        
    }

    // Update is called once per frame
    void Update()
    {
   
        
    }
}

3-2 挂到Cavas上的脚本

在这里插入图片描述

3-3 UIController 实现

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class UIController : MonoBehaviour
{
   
    public static UIController instance_;
    public Transform uitextobj;
    public Text text;
    private void Awake()
    {
   
        instance_ = this;
    }
}

四、物体鼠标显示文字

也是同样的三个方法切记物体要有碰撞体

4-1 OnMouseEnter

鼠标进入碰撞盒执行

4-2 OnMouseExit

鼠标离开碰撞盒

4-3 OnMouseOver

鼠标在碰撞盒里每帧都调用

五、代码实现

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class OBJInputText : MonoBehaviour
{
   
    private void OnMouseEnter()
    {
   
        UIController.instance_.uitextobj.position = new Vector3(Input.mousePosition.x, Input.mousePosition.y + 25, 0);
        UIController.instance_.uitextobj.gameObject.SetActive(true);
        UIController.instance_.text.text = this.name;
    }
    private void OnMouseExit()
    {
   
        UIController.instance_.uitextobj.gameObject.SetActive(false);
    }
    private void OnMouseOver()
    {
   
        UIController.instance_.uitextobj.position = new Vector3(Input.mousePosition.x, Input.mousePosition.y + 25, 0);
        UIController.instance_.uitextobj.gameObject.SetActive(true);
        UIController.instance_.text.text = this.name;
    }
}

5-1 代码挂到Cube上即可

在这里插入图片描述

六、实现完成

代码比较简单,可以拓展的地方很多,还可以使用更美观的UI。


总结

你的点赞就是对博主的支持,有问题记得留言
不定时更新Unity开发技巧,觉得有用记得一键三连哦。

相关推荐

  1. unityUI、shader显示3D物体

    2023-12-07 02:24:04       28 阅读
  2. unity实现3D物体UI前方

    2023-12-07 02:24:04       33 阅读
  3. Unity 鼠标拖拽3D物体跟随移动的方法

    2023-12-07 02:24:04       20 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-07 02:24:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-07 02:24:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-07 02:24:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-07 02:24:04       20 阅读

热门阅读

  1. Android:BackStackRecord

    2023-12-07 02:24:04       37 阅读
  2. Android 11.0 修改Android系统的通知自动成组的数量

    2023-12-07 02:24:04       38 阅读
  3. Uniapp自定义导航栏

    2023-12-07 02:24:04       37 阅读
  4. 基于python和定向爬虫的商品比价系统

    2023-12-07 02:24:04       38 阅读
  5. 关于数据劫持原理(vue2和vue3)

    2023-12-07 02:24:04       36 阅读
  6. Docker在实际应用开发中的应用-AI生成

    2023-12-07 02:24:04       31 阅读
  7. mysql-binlog,redolog 和 undolog区别

    2023-12-07 02:24:04       40 阅读