可自由拖拽UI实现（UGUI，C#）

最新推荐文章于 2024-09-08 02:09:46 发布

Medivhm

最新推荐文章于 2024-09-08 02:09:46 发布

阅读量617

点赞数 1

分类专栏： unity笔记文章标签： c# ui unity

本文链接：https://blog.youkuaiyun.com/qq_45030604/article/details/130412882

版权

unity笔记专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在Unity中使用Drag三件套接口（IBeginDragHandler,IDragHandler,IEndDragHandler）来创建2D游戏中的背包及个人面板UI的拖动功能。通过实现这三个接口并在OnDrag方法中处理逻辑，可以实现UI元素根据鼠标拖动同步移动，同时通过multi变量适配不同屏幕尺寸下的拖动比例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做2d独立游戏的时候想给背包及个人面板UI制作可拖动效果，立马就想到了Unity的Drag三件套

IBeginDragHandler, IDragHandler, IEndDragHandler三个拖拽接口

public class UIDrag : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{
    public RectTransform UIArea;
    public RectTransform Bg;

    public void OnBeginDrag(PointerEventData eventData)
    {
    }

    public void OnDrag(PointerEventData eventData)
    {
        float multi = Bg.rect.width / Screen.width;
        UIArea.localPosition += new Vector3(eventData.delta.x * multi, eventData.delta.y * multi, 0);
    }

    public void OnEndDrag(PointerEventData eventData)
    {
    }
}

UIArea是整个需要移动的UI，Bg是所在的Canvas

这个便是我设计的拖拽区域的代码，只需要在OnDrag处理逻辑就行

设计思路是，获取鼠标拖动时移动的向量，将UI的位置加上该向量，即可得到同步移动的UI

multi是为了适配手机各型号大小不同而获取的一个倍数，如果不在预定（我是在1920*1080大小下开发的）大小下运行游戏，现实拖动距离和游戏内拖动距离可能不同，也就是说你用更小的屏幕进行操作，可能会存在游戏中拖动的距离会更小，因此乘一个倍数补上差异。