当前位置：首页 > news >正文

中餐厅摆台点击UI图片拖拽预制体到桌面并实现预制体拖拽

news 2026/7/1 1:51:20

1、准备桌面和酒杯

先在Scene窗口中调好相对位置，然后将酒杯拖拽到project目录中生成预制体。

需要给预制体增加一个脚本就是 using UnityEngine;
public class ItemHeight : MonoBehaviour
{
// 在预制体Inspector手动填好：这个物品放在桌面需要的世界Y
public float tableY = 0.869f;
}

填好酒杯的位置，因为拖拽到桌面的时候，position中的x，z都可以用鼠标的，但是高度必须用自身的。不然容易穿模，或者飞起。

在写代码前，需要给桌面一个box collisder 不然射线检测不到。

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

public class ItemDrag : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{
// 酒杯预制体
public GameObject wineGlassPrefab;
// 拖拽时跟随鼠标的临时物体
private GameObject dragTempObj;
// UI原图初始位置（固定不动）
private Vector2 uiOriginPos;

void Awake()
{
uiOriginPos = transform.position;
}

// 开始拖拽
public void OnBeginDrag(PointerEventData eventData)
{
// UI图标固定不动，恢复原始位置
transform.position = uiOriginPos;

// 生成临时3D酒杯跟随鼠标
dragTempObj = Instantiate(wineGlassPrefab);
// 临时物体关闭碰撞，避免射线干扰
Collider col = dragTempObj.GetComponent<Collider>();
if (col != null) col.enabled = false;
}

// 拖拽过程，临时酒杯跟随鼠标
public void OnDrag(PointerEventData eventData)
{
// UI始终固定原位
transform.position = uiOriginPos;

if (dragTempObj != null)
{
Ray ray = Camera.main.ScreenPointToRay(eventData.position);
RaycastHit hit;
// 地面空白处也更新位置，高度抬高一点防止穿模
if (Physics.Raycast(ray, out hit, 1000))
{
dragTempObj.transform.position = hit.point + Vector3.up * 0.02f;
}
else
{
// 没碰到物体，鼠标远处显示
dragTempObj.transform.position = ray.GetPoint(5);
}
}
}

// 松开鼠标，放置正式物体
public void OnEndDrag(PointerEventData eventData)
{
// 销毁跟随鼠标的临时酒杯
if (dragTempObj != null)
{
Destroy(dragTempObj);
dragTempObj = null;
}

// 射线检测桌面，生成正式酒杯
Ray ray = Camera.main.ScreenPointToRay(eventData.position);
RaycastHit hit;
if (Physics.Raycast(ray, out hit))
{
// 判定是桌子
if (!hit.collider.CompareTag("Table")) return;

GameObject newGlass = Instantiate(wineGlassPrefab);
// 读取预制体内部提前存好的Y值
ItemHeight heightData = newGlass.GetComponent<ItemHeight>();
float targetY = heightData.tableY;

// XZ用鼠标点击，Y直接用预制体内存好的固定数值
Vector3 placePos = new Vector3(hit.point.x, targetY, hit.point.z);
newGlass.transform.position = placePos;
newGlass.transform.SetParent(hit.transform);
}
}
}

给这个image加一个itemDrag的脚本，并把酒杯预制体拖拽进去。

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

void Awake()
{
uiOriginPos = transform.position;
}

// 开始拖拽
public void OnBeginDrag(PointerEventData eventData)
{
// UI图标固定不动，恢复原始位置
transform.position = uiOriginPos;

// 拖拽过程，临时酒杯跟随鼠标
public void OnDrag(PointerEventData eventData)
{
// UI始终固定原位
transform.position = uiOriginPos;

// 松开鼠标，放置正式物体
public void OnEndDrag(PointerEventData eventData)
{
// 销毁跟随鼠标的临时酒杯
if (dragTempObj != null)
{
Destroy(dragTempObj);
dragTempObj = null;
}

GameObject newGlass = Instantiate(wineGlassPrefab);
// 读取预制体内部提前存好的Y值
ItemHeight heightData = newGlass.GetComponent<ItemHeight>();
float targetY = heightData.tableY;

这样就实现了拖拽，如果还想拖拽已经生成的物体，需要给预制体加上下面这个脚本，并给预制体加上box collisder, 给主相机加上 physics RayCaster

和eventSystem。

using UnityEngine;
using UnityEngine.EventSystems;

// 拖拽场景中已经生成好的桌面3D物品
public class TableObjectDrag : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{
// 鼠标点击点和物体坐标的偏移量，防止拖拽时物体瞬移
private Vector3 dragOffset;
// 桌子基准高度
private float tableStandardY;

// 开始拖拽：鼠标按下杯子瞬间执行
public void OnBeginDrag(PointerEventData eventData)
{
Ray ray = Camera.main.ScreenPointToRay(eventData.position);
RaycastHit hit;
if (Physics.Raycast(ray, out hit))
{
// 记录桌子高度，全程锁定Y不变化
tableStandardY = hit.transform.position.y;
// 计算偏移，保证鼠标点杯子任意位置都能平稳拖动
dragOffset = transform.position - hit.point;
}
}

// 拖拽持续中：鼠标移动实时更新杯子位置
public void OnDrag(PointerEventData eventData)
{
Ray ray = Camera.main.ScreenPointToRay(eventData.position);
RaycastHit hit;
if (Physics.Raycast(ray, out hit))
{
// X、Z跟随鼠标，Y固定桌面高度，不会嵌入桌子、不会飘高
Vector3 newPos = new Vector3(
hit.point.x + dragOffset.x,
tableStandardY,
hit.point.z + dragOffset.z
);
transform.position = newPos;
}
}

// 拖拽结束：松开鼠标
public void OnEndDrag(PointerEventData eventData)
{
// 可选拓展：拖到桌面外自动吸附回桌面，这里留空你按需加逻辑
}
}

查看全文

http://www.jsqmd.com/news/1099493/