【Unity】(2D)物体拖拽

在2D场景中,实现将框中的物体拖拽之符合条件的物体中;
应用场景:排序、物品栏、背包等;

成果展示

Demo中实现的效果是画面中存在4个图片,需要按照喜好程度对图片进行排序,将上面的1-2-3-4序号拖拽至对应的图片旁边。
成果展示

Scene部分

Scene
其中Target中存放4张猫咪图片,对应的Content中的1-2-3-4是下面的白色方框。
可以被拖拽的物体绑定组件 Canvas Group,这里对应的是Id
绑定Ganvas Group

脚本部分

脚本绑定在可以被拖拽的物体上

public class TargetArray : MonoBehaviour, IDragHandler, IBeginDragHandler, IEndDragHandler
{
    [SerializeField] private Canvas canvas;
    [SerializeField] private Transform Parent;
    private RectTransform rectTrans;
    private CanvasGroup canvasGroup;
    Vector3 originalPosition;
    Transform originalParent;
    private void Start()
    {
        rectTrans = GetComponent<RectTransform>();
        canvasGroup = GetComponent<CanvasGroup>();
    }
    public void OnBeginDrag(PointerEventData eventData)
    {
        originalPosition.z = 0;
        originalPosition = transform.position;
        originalParent = transform.parent;
        canvasGroup.blocksRaycasts = false;
        canvasGroup.alpha = 0.35f;
        transform.SetParent(Parent);
    }

    public void OnDrag(PointerEventData eventData)
    {
        rectTrans.anchoredPosition += eventData.delta / canvas.scaleFactor;
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        canvasGroup.blocksRaycasts = true;
        canvasGroup.alpha = 1f;

        GameObject itemSlot = eventData.pointerCurrentRaycast.gameObject;
        if (itemSlot != null && itemSlot.CompareTag("slot") && (itemSlot.transform.childCount ==0))
        {
            transform.SetParent(itemSlot.transform);
            transform.position = itemSlot.transform.position;
        }
        else
        {
            transform.position = originalPosition;
            transform.SetParent(originalParent);
        }
    }
}
Unity 2D中,你可以使用`UI Canvas`系统结合一些脚本来实现鼠标拖拽物体的功能。以下是基本步骤: 1. **创建UI元素**: 使用Unity内置的UI系统创建一个UI Image或Sprite Renderer作为拖拽目标。将它添加到Canvas中,并赋予合适的大小和点击事件。 2. **编写脚本**: 创建一个C#脚本(如`DragObjectScript`),并将其挂接到你想要拖拽物体上。这个脚本通常会包含`OnPointerDown`, `OnPointerMove`, 和 `OnPointerUp` 事件处理。 ```csharp using UnityEngine; using UnityEngine.EventSystems; public class DragObjectScript : MonoBehaviour, IPointerDownHandler, IPointerMoveHandler, IPointerUpHandler { [SerializeField] private RectTransform targetTransform; // 指定要拖动的RectTransform组件 private Vector2 initialPosition; // 初始化位置 private bool isDragging = false; public void OnPointerDown(PointerEventData eventData) { if (!isDragging) { initialPosition = eventData.position; isDragging = true; } } public void OnPointerMove(PointerEventData eventData) { if (isDragging) { targetTransform.position = eventData.position + initialPosition; // 目标物体位置随鼠标移动 } } public void OnPointerUp(PointerEventData eventData) { isDragging = false; } } ``` 3. **启用事件**: 在Unity编辑器中,选中物体,然后打开它的组件检查器,找到`Event Systems`部分,勾选`Is Trigger`选项,这会使物体响应鼠标事件。 4. **测试与调整**: 现在你应该可以在游戏中拖拽物体了。如果需要更多复杂的交互,可以进一步添加滚动、旋转或其他功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值