unity 实现拖动ui填空,并判断对错

2023-10-15 14:20

本文主要是介绍unity 实现拖动ui填空,并判断对错,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

参考:https://ask.csdn.net/questions/7971448

根据自己的需求修改为如下代码

使用过程中,出现拖动ui位置错误的情况,修改为使用 localPosition
但是吸附到指定位置却需要用的position

    public class DragAndDrop : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler{private RectTransform dragTransform;private Vector2 initPosition;private Vector2 startPosition;[Header("正确区域")]public RectTransform targetArea;[Header("初始区域")]public RectTransform originalArea;[Header("错误区域")]public RectTransform[] targetOtherArea;private bool result;    //拖动结果private bool valid;     //拖动有效public bool Result { get => result; private set => result = value; }public bool Valid { get => valid; private set => valid = value; }public void Awake(){dragTransform = GetComponent<RectTransform>();//初始位置initPosition = dragTransform.localPosition;}/// <summary>/// 重置位置/// </summary>public void ResetPos(){dragTransform.localPosition = initPosition;result = false;valid = false;}public void OnBeginDrag(PointerEventData eventData){//开始拖动的位置startPosition = dragTransform.localPosition;//设置UI最后渲染dragTransform.SetAsLastSibling();}public void OnDrag(PointerEventData eventData){dragTransform.localPosition = GetLocalPosition(eventData.position);}public void OnEndDrag(PointerEventData eventData){result = RectTransformUtility.RectangleContainsScreenPoint(targetArea, eventData.position);
#if UNITY_EDITORDebug.Log($"拖动结果: {result}");
#endifif (result){//吸附到目标位置dragTransform.position = targetArea.position;valid = true;return;}else{foreach (var item in targetOtherArea){if (RectTransformUtility.RectangleContainsScreenPoint(item, eventData.position)){//吸附到目标位置dragTransform.position = item.position;valid = true;return;}}//原始位置,拖动无效if (RectTransformUtility.RectangleContainsScreenPoint(originalArea, eventData.position)){//吸附到目标位置dragTransform.position = originalArea.position;valid = false;return;}}//其它情况还原为开始拖动的位置valid = false;dragTransform.localPosition = startPosition;}private Vector2 GetLocalPosition(Vector2 screenPosition){Vector2 localPosition = Vector2.zero;RectTransformUtility.ScreenPointToLocalPointInRectangle(dragTransform.parent as RectTransform, screenPosition, null, out localPosition);return localPosition;}}

Demo

using MyTool.Tools;
using UnityEngine;
using UnityEngine.UI;public class Demo : MonoBehaviour
{public DragAndDrop dragAndDrop;public Button okBtn;// Start is called before the first frame updatevoid Start(){okBtn.onClick.AddListener(OnClickOkBtn);}private void Update(){okBtn.interactable = dragAndDrop.Valid;}void OnClickOkBtn(){if (dragAndDrop.Result){Debug.Log("恭喜你答对了!");}else{Debug.Log("很遗憾,没有答对!");}}
}

ui搭建
在这里插入图片描述
效果
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

这篇关于unity 实现拖动ui填空,并判断对错的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/218290

相关文章

java中BigDecimal里面的subtract函数介绍及实现方法

《java中BigDecimal里面的subtract函数介绍及实现方法》在Java中实现减法操作需要根据数据类型选择不同方法,主要分为数值型减法和字符串减法两种场景,本文给大家介绍java中BigD... 目录Java中BigDecimal里面的subtract函数的意思?一、数值型减法(高精度计算)1.

C#代码实现解析WTGPS和BD数据

《C#代码实现解析WTGPS和BD数据》在现代的导航与定位应用中,准确解析GPS和北斗(BD)等卫星定位数据至关重要,本文将使用C#语言实现解析WTGPS和BD数据,需要的可以了解下... 目录一、代码结构概览1. 核心解析方法2. 位置信息解析3. 经纬度转换方法4. 日期和时间戳解析5. 辅助方法二、L

使用Python和Matplotlib实现可视化字体轮廓(从路径数据到矢量图形)

《使用Python和Matplotlib实现可视化字体轮廓(从路径数据到矢量图形)》字体设计和矢量图形处理是编程中一个有趣且实用的领域,通过Python的matplotlib库,我们可以轻松将字体轮廓... 目录背景知识字体轮廓的表示实现步骤1. 安装依赖库2. 准备数据3. 解析路径指令4. 绘制图形关键

VS配置好Qt环境之后但无法打开ui界面的问题解决

《VS配置好Qt环境之后但无法打开ui界面的问题解决》本文主要介绍了VS配置好Qt环境之后但无法打开ui界面的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目UKeLvb录找到Qt安装目录中designer.UKeLvBexe的路径找到vs中的解决方案资源

C/C++中OpenCV 矩阵运算的实现

《C/C++中OpenCV矩阵运算的实现》本文主要介绍了C/C++中OpenCV矩阵运算的实现,包括基本算术运算(标量与矩阵)、矩阵乘法、转置、逆矩阵、行列式、迹、范数等操作,感兴趣的可以了解一下... 目录矩阵的创建与初始化创建矩阵访问矩阵元素基本的算术运算 ➕➖✖️➗矩阵与标量运算矩阵与矩阵运算 (逐元

C/C++的OpenCV 进行图像梯度提取的几种实现

《C/C++的OpenCV进行图像梯度提取的几种实现》本文主要介绍了C/C++的OpenCV进行图像梯度提取的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录预www.chinasem.cn备知识1. 图像加载与预处理2. Sobel 算子计算 X 和 Y

C/C++和OpenCV实现调用摄像头

《C/C++和OpenCV实现调用摄像头》本文主要介绍了C/C++和OpenCV实现调用摄像头,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录准备工作1. 打开摄像头2. 读取视频帧3. 显示视频帧4. 释放资源5. 获取和设置摄像头属性

c/c++的opencv图像金字塔缩放实现

《c/c++的opencv图像金字塔缩放实现》本文主要介绍了c/c++的opencv图像金字塔缩放实现,通过对原始图像进行连续的下采样或上采样操作,生成一系列不同分辨率的图像,具有一定的参考价值,感兴... 目录图像金字塔简介图像下采样 (cv::pyrDown)图像上采样 (cv::pyrUp)C++ O

c/c++的opencv实现图片膨胀

《c/c++的opencv实现图片膨胀》图像膨胀是形态学操作,通过结构元素扩张亮区填充孔洞、连接断开部分、加粗物体,OpenCV的cv::dilate函数实现该操作,本文就来介绍一下opencv图片... 目录什么是图像膨胀?结构元素 (KerChina编程nel)OpenCV 中的 cv::dilate() 函

Python使用FFmpeg实现高效音频格式转换工具

《Python使用FFmpeg实现高效音频格式转换工具》在数字音频处理领域,音频格式转换是一项基础但至关重要的功能,本文主要为大家介绍了Python如何使用FFmpeg实现强大功能的图形化音频转换工具... 目录概述功能详解软件效果展示主界面布局转换过程截图完成提示开发步骤详解1. 环境准备2. 项目功能结