Unity之UGUI鼠标进入离开&&拖拽实现

最新推荐文章于 2024-08-07 17:08:11 发布

青衫磊落长歌行

最新推荐文章于 2024-08-07 17:08:11 发布

阅读量1.7k

点赞数 5

分类专栏： Unity 文章标签： UGUI拖拽效果鼠标进入UGUI Unity之UGUI进入离开 Unity之实现拖拽效果

本文链接：https://blog.csdn.net/Wenhao_China/article/details/101218338

版权

Unity 专栏收录该内容

36 篇文章 6 订阅

订阅专栏

Unity之UGUI鼠标进入离开&&拖拽实现

前言：

__小黑最近在写项目的时候就有个疑惑，UGUI中的Button组件，他的点击事件是怎么实现的！？我们自己能不能写一个！？之后在项目中使用自己写出来的Button组件，是不是会超级开心，超级有成就感呢?！！
赶巧正好手中有项目需要：鼠标进入Image之后，出现不同的效果 + 信息的更新，然后上网一查发现Unity有接口可以直接实现，那这不是美滋滋么?！

实现接口

一、鼠标进入&&离开

这一听小伙伴们就知道是两个可实现接口了

1：IPointerEnterHandler

2：IPointerExitHandler

直接给大家上代码，希望客官逛过之后点赞哟~~~

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

public class EntryorExitUI : MonoBehaviour , IPointerEnterHandler , IPointerExitHandler
{
    /// <summary>
    /// 当鼠标进入UI后执行的事件执行的
    /// </summary>
    public void OnPointerEnter(PointerEventData eventData)
    {
        Debug.Log("鼠标已经进入，请开始你的表演");
    }

    /// <summary>
    /// 当鼠标离开UI后执行的事件执行的
    /// </summary>
    public void OnPointerExit(PointerEventData eventData)
    {
    	Debug.Log("鼠标已经离开，你的表演结束了！");
    }
}

二、拖拽

三个可实现接口

1：IDragHandler

2：IBeginDragHandler

3：IEndDragHandler

提醒：小黑亲身试坑的结果：那就是一定要实现IDragHandler，然后实现IBeginDragHandler和IEndDragHandler。
 ！！！！深坑！！！！       	一定要记住，一定要实现IDragHandler。

老规矩，直接给大家上代码！分享出来的知识有没有被小伙伴get到，还有好不好用，就看客官给小黑点不点赞了！

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;
public class DragUI : MonoBehaviour, IDragHandler, IBeginDragHandler, IEndDragHandler
{
    private Vector3 offset;     //存储按下鼠标时的图片-鼠标位置差
    private Vector3 arragedPos; //保存经过整理后的向量，用于图片移动   
    
    /// <summary>
    /// 开始拖拽起始
    /// </summary>
    public void OnBeginDrag(PointerEventData eventData)
    {
        if (RectTransformUtility.ScreenPointToWorldPointInRectangle(transform.GetComponent<RectTransform>(), Input.mousePosition
     , eventData.enterEventCamera, out arragedPos))
        {
            offset = transform.position - arragedPos;
        }
    }
    
    /// <summary>
    /// 拖拽中
    /// </summary>  
    public void OnDrag(PointerEventData eventData)
    {
        transform.position = offset + Input.mousePosition;
    }
    
    /// <summary>
    /// 拖拽结束
    /// </summary>
    public void OnEndDrag(PointerEventData eventData)
    {
        transform.position = transform.parent.transform.position;
    }
}

三、合并

都合并了，当然是上面的5个接口啦

客官们，原小黑的懒好吧！脚本名字直接用拖拽的了

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

public class DragUI : MonoBehaviour, IDragHandler, IBeginDragHandler, IEndDragHandler, IPointerExitHandler, IPointerEnterHandler 
{
    private Image thisimg;
    private Vector3 offset;     //存储按下鼠标时的图片-鼠标位置差
    private Vector3 arragedPos; //保存经过整理后的向量，用于图片移动

    /// <summary>
    /// 开始拖拽起始
    /// </summary>
    public void OnBeginDrag(PointerEventData eventData)
    {
        if (RectTransformUtility.ScreenPointToWorldPointInRectangle(transform.GetComponent<RectTransform>(), Input.mousePosition
     , eventData.enterEventCamera, out arragedPos))
        {
            offset = transform.position - arragedPos;
        }
    }
    
    /// <summary>
    /// 拖拽中
    /// </summary>  
    public void OnDrag(PointerEventData eventData)
    {
        transform.position = offset + Input.mousePosition;
    }
    
    /// <summary>
    /// 拖拽结束
    /// </summary>
    public void OnEndDrag(PointerEventData eventData)
    {
        transform.position = transform.parent.transform.position;
    }
    
    /// <summary>
    /// 当鼠标进入UI后执行的事件执行的
    /// </summary>
    public void OnPointerEnter(PointerEventData eventData)
    {
         Debug.Log("鼠标已经进入，请开始你的表演");
    }
    
    /// <summary>
    /// 当鼠标离开UI后执行的事件执行的
    /// </summary>
    public void OnPointerExit(PointerEventData eventData)
    {
         Debug.Log("鼠标已经离开，你的表演结束了！");
    }
}