Unity UI射线检测 道具拖拽

通过PointerEventData和EventSystem实现UI的射线检测

**1.**调用IPointerClickHandler接口,实现方法

**2.**声明一个返回射线结果的List List<RaycastResult> result = new List<RaycastResult>();

**3.**向eventData的位置发射射线 EventSystem.current.RaycastAll(eventData, results);

4. 场景中只能有一个EventSystem,因为 EventSystem.current 会返回当前场景中的 EventSystem 实例

如何实现道具拖拽

1. 因为每次实现道具拖拽都是在背包中,所以先说背包实现的个人思路。创建很多格子在一个面板下,通过List<Img>Slots存储所有格子的img,调用List.Addrange方法,放入Content节点下的所有格子,这样我们就可以拿到格子的数量,并且Slotsi.Transform就可以代表预制体的父节点,将道具创建在这个格子下。在刷新的时候,通过foreach去便利该List,判断当他的childCount>0,调用DestroyImmediate立即清理掉每个格子下的子物体。

**2.**道具拖拽,调用三个接口IBeginDragHandler, IEndDragHandler, IDragHandler,实现方法

第一个是当移动时会调用一次

第二个是鼠标在拖动物品发生位置变化时每帧都会调用

第三个是松开时会调用一次

**3.**如果是按照上面的思路,我们在拖拽的时候会产生一个问题,因为格子的渲染层级问题,我们在拖拽道具的时候,是会被后渲染的格子挡住的,所以我们在拖拽的时候,应该将他放入一个渲染更靠后的Gameobject中即可。

**4.关键写法:**一般都是在面板中去for循环,调用子UI实例化,此时我们要把父节点传入子UI的初始化中。这样我们就可以通过transform.parent = lastParent = parent(传入的父节点)设置当前的父节点,并且记录当前的父节点。

**在IBeginDragHandler中:**Vector2记录当前UI所在的位置,如果道具拖拽到不必要的区域,自动归位的时候会用到,并且把该UI的父节点就可以设置为Gameobject了,这样拖拽的时候就不会被遮挡。

**在IDragHandler中:**拖拽过程中,我们需要让物体随着鼠标移动, rectTransform.anchoredPosition += eventData.delta;

eventData.delta代表了鼠标的位移量

**在IEndDragHandler中:**最关键的一步也就是松鼠标这里,这时候就可以用到之前记录的父节点了,然后我们根据需求去判断就可以了,比如物体合成,A物体和B物体的标签是否一致(如果射线检测的物体顺序不好控制,也可以先将A物体的标签在移动时就换了,在放置时再换回去);物体交换位置,那就通过C = A A = B B = C的方式交换;物体到了不该放的位置,调用Begin中记录的初始位置即可。

相关推荐
玖玥拾9 小时前
Unity 3D 笔记(十四)Unity/C# Socket 网络笔记3
服务器·网络·unity·c#
Kim.Li10 小时前
格式塔设计原则全解析:12项核心原则在 UI/UX 中的实战应用指南
ui·产品经理·ux·视觉设计·交互设计
Python私教11 小时前
Godot图片怎么导入?PNG、压缩、Mipmap与Reimport一次讲清
游戏引擎·godot
玖玥拾12 小时前
Unity 3D 笔记(十七)Unity/C# Socket 网络笔记6
服务器·网络·unity·c#
寒水馨13 小时前
Linux下载、安装godot-4.7.1-stable(附安装包Godot_v4.7.1-stable_linux.x86_64.zip)
linux·游戏引擎·godot·游戏开发·2d游戏·3d游戏·godot engine
jin12332214 小时前
HarmonyOS ArkTS API 24实现声明式 UI 框架与 @Builder 组件复用模式构建三标签页智能账单应用
ui·华为·harmonyos
寒水馨15 小时前
macOS下载、安装godot-4.7.1-stable(附安装包Godot_v4.7.1-stable_macos.universal.zip)
macos·3d·游戏引擎·godot·跨平台·游戏开发·2d
Getflare1 天前
前端 + UI 设计 + AI:这不是三个工种,是一个新三角能力模型(附自检清单)
前端·人工智能·ui
达子6661 天前
第9章_HarmonyOs图解 用Java开发UI
java·ui·harmonyos
<小智>2 天前
鸿蒙多功能工具箱开发实战(二十四)-单元测试与自动化测试
ui·华为·harmonyos