当前位置: 首页 > article >正文

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

系列文章目录

Unity工具


文章目录

  • 系列文章目录
  • 前言
  • 最终效果
  • 一、UI事件显示文字
    • 1-1 ui事件需要引用命名空间using UnityEngine.EventSystems;
    • 1-2 IPointerEnterHandler 接口
    • 1-3 IPointerExitHandler 接口
    • 1-4 IPointerMoveHandler 接口
  • 二、场景搭建
    • 2-1 实现如下
  • 三、代码实现
    • 3-1 挂到Image上面的脚本
    • 3-2 挂到Cavas上的脚本
    • 3-3 UIController 实现
  • 四、物体鼠标显示文字
    • 4-1 OnMouseEnter
    • 4-2 OnMouseExit
    • 4-3 OnMouseOver
  • 五、代码实现
    • 5-1 代码挂到Cube上即可
  • 六、实现完成
  • 总结


大家好,我是&心疼你的一切,不定时更新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开发技巧,觉得有用记得一键三连哦。


http://www.kler.cn/a/159203.html

相关文章:

  • 量化交易系统开发-实时行情自动化交易-3.4.3.3.期货市场深度数据
  • 从零开始学习 sg200x 多核开发之 TF 存储卡根文件系统扩容
  • Git 中的 patch 功能
  • RabbitMQ 与 PHP Swoole 实现
  • 无插件H5播放器EasyPlayer.js网页web无插件播放器选择全屏时,视频区域并没有全屏问题的解决方案
  • SpringBoot3全面复习
  • iOS不越狱自动挂机
  • 上海亚商投顾:沪指再度失守3000点 两市超4600只个股下跌
  • Hadoop学习笔记(HDP)-Part.14 安装YARN+MR
  • 利用flask将yolov5算法封装成在线推理服务
  • 并发集合框架
  • 探秘 Sass 之路:掌握强大的 CSS 预处理器(上)
  • skynet学习笔记(12/05未完待续)
  • Azure Machine Learning - 使用 Azure OpenAI 服务生成文本
  • vue打包完成后出现空白页原因及解决
  • 第二十五章 控制到 XML 模式的映射 - 将文字属性映射到 XML 模式
  • 学习mongoDB
  • 【6】PyQt信号和槽
  • Python语言基础学习大纲(由某大模型生成)
  • uniapp基于u-grid-item九宫格实现uCharts秋云图表展示
  • 软著项目推荐 深度学习的智能中文对话问答机器人
  • Qt之QCache和QContiguousCache
  • 第19章 正则表达式 - C++
  • Flink-执行拓扑图与作业调度
  • MacOS 14挂载NTFS 硬盘的最佳方式(免费)
  • CoreDNS实战(五)-接入prometheus监控