Unity UI拖拽及拖拽范围限制功能的实现

本文详细介绍了在Unity中实现UI元素的拖拽功能及其范围限制,包括如何保持拖拽过程中UI与鼠标的相对位置不变,以及如何根据枢轴调整限制UI在屏幕内或另一UI内部移动。拖拽范围限制的实现涉及到计算UI坐标的最大和最小值,确保在各种枢轴设置下都能正确限制。
摘要由CSDN通过智能技术生成

目录

效果演示

拖拽功能的实现

拖拽范围限制的实现

将拖拽范围限制在屏幕内

将UI限制在另一个UI内(不受pivot影响)


效果演示

UI简单拖拽
将拖拽范围限制在屏幕内
将拖拽范围限制在其他UI内

拖拽功能的实现

我们只需要在拖拽时,将鼠标的位置坐标赋给UI即可

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

public class Demo1 : MonoBehaviour, IDragHandler
{
    RectTransform rt;

    void Start()
    {
        rt = GetComponent<RectTransform>();
    }

    public void OnDrag(PointerEventData eventData)
    {
        // 将屏幕空间上的点转换为位于给定RectTransform平面上的世界空间中的位置
        if (RectTransformUtility.ScreenPointToWorldPointInRectangle(rt, eventData.position, eventData.pressEventCamera, out Vector3 globalMousePos))
        {
            rt.position = globalMousePos;
        }
    }
}
最简陋的拖拽实现

可以看到现在已经可以完成拖拽了,不过这明显不是我们想要的效果。我们希望鼠标和UI的相对位置在拖拽的过程中保持固定,

所以我们需要在开始拖拽时算出UI和鼠标之间的位置偏移量,以后就可以通过鼠标的位置加上偏移量来保证它们的相对位置不变。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using Unit
  • 40
    点赞
  • 122
    收藏
    觉得还不错? 一键收藏
  • 20
    评论
评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值