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

最新推荐文章于 2024-04-20 10:00:00 发布

Medivhm

最新推荐文章于 2024-04-20 10:00:00 发布

阅读量496

点赞数 1

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

本文链接：https://blog.csdn.net/qq_45030604/article/details/130412882

版权

unity笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

做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大小下开发的）大小下运行游戏，现实拖动距离和游戏内拖动距离可能不同，也就是说你用更小的屏幕进行操作，可能会存在游戏中拖动的距离会更小，因此乘一个倍数补上差异。