C#实现对UI元素拖拽的实现示例
本篇文章来分享一下对UI元素的拖拽实现。
实现思路
1）按下记录偏移
鼠标按下时，记录“UI元素锚点” 与“鼠标点击点”的位置差（offset）
2）拖动更新位置
鼠标移动时，用“鼠标实时位置+偏移量” 更新UI位置，保证UI元素始终跟随鼠标的“抓取点”移动。
为什么要使用offset？
使用offset是为了让拖拽操作更自然（避免鼠标点击物体时，物体瞬间跳到鼠标位置）。
若不使用offset，直接把物体位置设为鼠标位置（rectTransform.position = mousePos）：当点击物体非中心点（比如左上角）时，物体会瞬间 “瞬移” 到鼠标指针正下方，拖拽手感非常生硬。因为鼠标点击的位置（mousePos）和物体锚点位置（rectTransform.position）通常不在同一位置，直接赋值会导致物体跳位。
计算逻辑
rectTransform.position：物体的锚点位置（默认是物体中心点）；
mousePos：鼠标点击时，在世界空间中的指针位置；
offset：两者的差值 = 物体锚点位置 - 鼠标点击位置。
假设物体锚点在屏幕上的位置是 (100, 200)（rectTransform.position）；点击的是物体左上角，此时鼠标位置是 (80, 220)（mousePos）；则offset = (100,200) - (80,220) = (20, -20)。此时offset代表：“鼠标点击点”相对于“物体锚点”的偏移量（即锚点在鼠标点击点的右侧20、下方20位置）。
注意offset只需在OnPointerDown（鼠标按下时）计算一次，之后拖拽过程中保持不变。因为它只需要记录按下瞬间的偏移关系，拖动时复用即可。如果在OnDrag中重复计算，反而会导致物体抖动。
简而言之，offset就是记住抓住物体的位置，让拖拽时物体跟着抓点走，而不是跳来跳去。
代码实现
using UnityEngine;
using UnityEngine.EventSystems;
public class Drag : MonoBehaviour, IDragHandler, IPointerDownHandler
{
private RectTransform rectTransform;
private Vector3 offset;
private void Awake()
{
rectTransform = gameObject.GetComponent<RectTransform>();
}
public void OnDrag(PointerEventData eventData)
{
if (eventData.pointerPressRaycast.gameObject == gameObject)
{
if (RectTransformUtility.ScreenPointToWorldPointInRectangle(rectTransform, eventData.position, eventData.pressEventCamera, out Vector3 mousePos))
{
rectTransform.position = mousePos + offset;
}
}
}
public void OnPointerDown(PointerEventData eventData)
{
RectTransformUtility.ScreenPointToWorldPointInRectangle(rectTransform, eventData.position, eventData.pressEventCamera, out Vector3 mousePos);
offset = rectTransform.position - mousePos;
}
}效果
Unity常用UI交互接口
接口名称 | 核心方法 | 触发时机 | 使用场景 |
IPointerDownHandler | OnPointerDown(PointerEventData eventData) | 鼠标/触摸按下到UI元素时（触发一次） | 拖拽起始记录、长按检测起点、按钮按下反馈 |
IPointerUpHandler | OnPointerUp(PointerEventData eventData) | 鼠标/触摸在UI元素上抬起时（移出元素后抬起不触发） | 拖拽结束判定、按钮抬起反馈 |
IPointerClickHandler | OnPointerClick(PointerEventData eventData) | 按下 + 抬起都在同一UI元素上（完整点击，触发一次） | 普通按钮点击、UI元素选中 |
IPointerEnterHandler | OnPointerEnter(PointerEventData eventData) | 鼠标/触摸移入UI元素时（触发一次） | 悬停提示显示、按钮高亮 |
IPointerExitHandler | OnPointerExit(PointerEventData eventData) | 鼠标/触摸移出UI元素时（触发一次） | 悬停提示关闭、按钮高亮取消 |
IDragHandler | OnDrag(PointerEventData eventData) | 拖拽过程中每帧触发（需先按下UI元素） | UI拖拽移动、滑动条拖动、背包物品拖拽 |
IBeginDragHandler | OnBeginDrag(PointerEventData eventData) | 拖拽开始时（按下后首次移动，触发一次） | 记录拖拽初始位置、生成拖拽虚影 |
IEndDragHandler | OnEndDrag(PointerEventData eventData) | 拖拽结束时（抬起鼠标/触摸，触发一次） | 判定拖拽落点、恢复原UI状态 |
IScrollHandler | OnScroll(PointerEventData eventData) | 鼠标滚轮滚动或触摸滑动时（每帧触发） | 自定义滚动视图UI缩放、滚动文本框 |
ISelectHandler | OnSelect(BaseEventData eventData) | UI元素被选中时（如键Tab切换） | 输入框选中高亮、菜单选项选中反馈 |
IDeselectHandler | OnDeselect(BaseEventData eventData) | UI元素失去选中时（如切换到其他元素） | 输入框失去焦点保存内容、取消菜单选中状态 |
ISubmitHandler | OnSubmit(BaseEventData eventData) | 选中UI元素后提交（如按 Enter 键） | 菜单确认、表单提交、按钮激活 |
ICancelHandler | OnCancel(BaseEventData eventData) | 触发取消操作时（如按Esc键） | 关闭弹窗、取消输入、退出当前界面 |
到此这篇关于C#实现对UI元素拖拽的实现示例的文章就介绍到这了,更多相关C# UI元素拖拽内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了C#泛型的类型参数约束的相关资料，文中讲解非常细致，帮助大家更好的理解和学习c#，感兴趣的朋友可以了解下2020-07-07
这篇文章主要介绍了C#实现根据指定容器和控件名字获得控件的方法,其中包括了遍历与递归的应用,需要的朋友可以参考下2014-08-08
C# 文件上传下载(Excel导入,多线程下载)功能的实现代码
这篇文章主要介绍了C# 文件上传下载(Excel导入,多线程下载)功能的实现代码,需要的朋友可以参考下2017-08-08
NPOI是指构建在POI 3.x版本之上的一个程序,NPOI可以在没有安装Office的情况下对Word或Excel文档进行读写操作,下面小编为大家介绍了如何操作NPOI实现Excel的导入导出,需要的可以参考一下2023-09-09
正则表达式是处理字符串的强大工具,拥有独特的语法和独立的处理引擎,下面这篇文章主要给大家介绍了关于C#正则表达式实用大全的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-03-03
DevExpress之ChartControl创建Drill-Down样式的Title实例
这篇文章主要介绍了DevExpress之ChartControl创建Drill-Down样式的Title实现方法,以实例形式讲述了创建Drill-Down样式的Title原理与实现过程,需要的朋友可以参考下2014-10-10
本文介绍了在C#中将整数、字节数组、字符串转换为十六进制字符串,以及将十六进制字符串转换回整数的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2025-02-02
C#基础继承和多态详解，需要的朋友可以参考一下2013-03-03
这篇文章主要介绍了c# 委托，匿名函数，lambda的相关知识，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-06-06
本文详细讲解了C#中的LINQ to Objects，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
最新评论