Unity 3D-UGUI 自由拖拽窗口创建指南：自定义 UI 窗口轻松定位

开发工具

2024-01-10 19:05:16

Unity 3D-UGUI 自由拖拽窗口创建指南：自定义 UI 窗口轻松定位

一、前言

大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。

前段时间分享了UGUI 按钮音效和特效的相关内容，今天将继续分享UGUI 窗口的自由拖拽功能，让大家在进行游戏或应用程序开发时，能够创建可移动、可自定义的用户界面窗口，从而提升界面的交互性和灵活性。

二、创建项目并导入 UGUI

首先，创建一个新的 Unity 3D 项目，然后从 Unity 资源商店中导入 UGUI 包。UGUI 是 Unity 官方提供的 UI 系统，可以轻松创建和管理用户界面元素。

导入完成后，您可以在项目视图中找到 UGUI 文件夹。其中包含了所有必要的脚本和预制件，可用于创建 UI 窗口和其他元素。

三、创建画布和窗口

接下来，我们需要创建一个画布（Canvas）和一个窗口（Panel）。画布是 UI 元素的容器，窗口则是我们将在其中放置内容的实际 UI 窗口。

创建画布

在场景视图中，点击 "GameObject > UI > Canvas" 来创建画布。画布将自动添加到场景中，并且您可以在场景视图中看到它。

创建窗口

在画布上，点击 "GameObject > UI > Panel" 来创建窗口。窗口将自动添加到画布中，并且您可以在场景视图中看到它。

四、添加拖拽脚本

现在，我们需要添加一个脚本来实现窗口的自由拖拽功能。您可以从网上找到很多现成的脚本，也可以自己编写一个简单的脚本。

这里提供了一个简单的脚本示例：

using UnityEngine;
using UnityEngine.EventSystems;

public class WindowDrag : MonoBehaviour, IDragHandler
{
    private Vector2 offset;

    public void OnDrag(PointerEventData eventData)
    {
        transform.position = Input.mousePosition - offset;
    }

    private void Start()
    {
        offset = transform.position - Input.mousePosition;
    }
}