unity——UI拖拽实现拼图

最新推荐文章于 2021-06-01 22:49:53 发布

weixin_30781775

最新推荐文章于 2021-06-01 22:49:53 发布

阅读量1.2k

点赞数 3

文章标签：游戏 ui

原文链接：http://www.cnblogs.com/huang--wei/p/11133857.html

版权

本文介绍了如何在Unity中创建一个UI拼图游戏，包括剪切图片、设置Canvas、创建Cell Image并分配Tag、编写脚本进行随机位置生成和拖拽交互，以及应用Grid Layout Group实现拼图布局。通过这些步骤，可以实现图片的拖拽和位置交换功能。

摘要由CSDN通过智能技术生成

拿一张图片剪切好备用

在Canvas下新建panel作为父物体

在下面建一个Image名为——Cell

在Cell下新建image，改Tag为Cell

在这个image上挂脚本：

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

public class DragOnPic : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{


    //记录下自己的父物体.
    Transform myParent;

    //Panel，使拖拽是显示在最上方.
    Transform tempParent;

    CanvasGroup cg;
    RectTransform rt;

    //记录鼠标位置.
    Vector3 newPosition;

    void Awake()
    {
        //添加CanvasGroup组件用于在拖拽是忽略自己，从而检测到被交换的图片.
        cg = this.gameObject.AddComponent<CanvasGroup>();

        rt = this.GetComponent<RectTransform>();

        tempParent = GameObject.Find("Canvas").transform;
    }




    /// <summary>
    /// Raises the begin drag event.
    /// </summary>
    public void OnBeginDrag(PointerEventData eventData)
    {
        //拖拽开始时记下自己的父物体.
        myParent = transform.parent;

        //拖拽开始时禁用检测.
        cg.blocksRaycasts = false;