Unity 从UI中拖拽对象放置并拖动效果 附demo

Unity 中从UI中拖拽对象放置并拖动是一种常见的交互方式，在一些游戏和应用程序中都可以看到这种效果。以下是实现此效果的攻略：

准备阶段

在开始实现之前，首先需要准备好以下材料：

1. Unity 编辑器：用于创建界面和脚本编写。
2. 一个 Unity 项目：用于实现代码的编写和测试。
3. 编辑器中的基础 UI 元素：例如基础按钮、文本、图像等。
4. UI 元素用于拖拽的物体：例如图标、按钮、对象、场景等。

实现过程

接下来将具体讲解实现过程：

第一步：创建 UI 元素

首先需要在 Unity 编辑器中创建一些 UI 元素，例如按钮、文本、图像等。可以通过在场景中拖拽这些元素来创建它们，或者使用 Create 按钮创建它们。

例如，我们可以使用 Canvas 和 Image 元素创建一个按钮：

using UnityEngine;
using UnityEngine.UI;

public class DragAndDrop : MonoBehaviour 
{
    public GameObject draggablePrefab;

    private GameObject activeDraggingObject;

    void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            Vector3 mousePosition = Camera.main.ScreenToWorldPoint(Input.mousePosition);
            activeDraggingObject = Instantiate(draggablePrefab, mousePosition, Quaternion.identity) as GameObject;
        }

        if (activeDraggingObject != null)
        {
            Vector3 mousePosition = Camera.main.ScreenToWorldPoint(Input.mousePosition);
            activeDraggingObject.transform.position = new Vector3(mousePosition.x, mousePosition.y, 0);
        }

        if (Input.GetMouseButtonUp(0))
        {
            activeDraggingObject = null;
        }
    }
}

这是一个简单的脚本，用于创建可拖拽物体。它通过 Input.GetAxis() 函数来检测用户在屏幕上移动的鼠标位置，并在此处创建、移动和删除物体。

示例说明

首先使用 Unity 编辑器创建一个新项目，然后创建一个新场景。

在场景中创建一个 Canvas，并添加一个 Image UI 元素。设置该元素的 Sprite 属性为某个图标，表示用户要拖放该图标。

然后创建一个空的 GameObject，并给它添加一个命名为 DragAndDrop 的脚本。该脚本将创建和控制用户拖放的图标。

在 DragAndDrop.cs 脚本中添加以下代码：

public class DragAndDrop : MonoBehaviour 
{
    public GameObject draggablePrefab;

    private GameObject activeDraggingObject;

    void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            Vector3 mousePosition = Camera.main.ScreenToWorldPoint(Input.mousePosition);
            activeDraggingObject = Instantiate(draggablePrefab, mousePosition, Quaternion.identity) as GameObject;
        }

        if (activeDraggingObject != null)
        {
            Vector3 mousePosition = Camera.main.ScreenToWorldPoint(Input.mousePosition);
            activeDraggingObject.transform.position = new Vector3(mousePosition.x, mousePosition.y, 0);
        }

        if (Input.GetMouseButtonUp(0))
        {
            activeDraggingObject = null;
        }
    }
}

该脚本用于创建拖拽对象，例如图标。它还包括一些代码用于跟踪拖拽对象和用于在鼠标位置上移动它的代码。

运行 Unity 项目，然后点击左键并拖动 UI 元素（图标）。您应该能够使用鼠标将图标从一位置拖动到另一位置。