C#實現(xiàn)對UI元素拖拽的實現(xiàn)示例
本篇文章來分享一下對UI元素的拖拽實現(xiàn)。
實現(xiàn)思路
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代表：“鼠標點擊點”相對于“物體錨點”的偏移量（即錨點在鼠標點擊點的右側(cè)20、下方20位置）。
注意offset只需在OnPointerDown（鼠標按下時）計算一次，之后拖拽過程中保持不變。因為它只需要記錄按下瞬間的偏移關(guān)系，拖動時復用即可。如果在OnDrag中重復計算，反而會導致物體抖動。
簡而言之，offset就是記住抓住物體的位置，讓拖拽時物體跟著抓點走，而不是跳來跳去。
代碼實現(xiàn)
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交互接口
接口名稱 | 核心方法 | 觸發(fā)時機 | 使用場景 |
IPointerDownHandler | OnPointerDown(PointerEventData eventData) | 鼠標/觸摸按下到UI元素時（觸發(fā)一次） | 拖拽起始記錄、長按檢測起點、按鈕按下反饋 |
IPointerUpHandler | OnPointerUp(PointerEventData eventData) | 鼠標/觸摸在UI元素上抬起時（移出元素后抬起不觸發(fā)） | 拖拽結(jié)束判定、按鈕抬起反饋 |
IPointerClickHandler | OnPointerClick(PointerEventData eventData) | 按下 + 抬起都在同一UI元素上（完整點擊，觸發(fā)一次） | 普通按鈕點擊、UI元素選中 |
IPointerEnterHandler | OnPointerEnter(PointerEventData eventData) | 鼠標/觸摸移入UI元素時（觸發(fā)一次） | 懸停提示顯示、按鈕高亮 |
IPointerExitHandler | OnPointerExit(PointerEventData eventData) | 鼠標/觸摸移出UI元素時（觸發(fā)一次） | 懸停提示關(guān)閉、按鈕高亮取消 |
IDragHandler | OnDrag(PointerEventData eventData) | 拖拽過程中每幀觸發(fā)（需先按下UI元素） | UI拖拽移動、滑動條拖動、背包物品拖拽 |
IBeginDragHandler | OnBeginDrag(PointerEventData eventData) | 拖拽開始時（按下后首次移動，觸發(fā)一次） | 記錄拖拽初始位置、生成拖拽虛影 |
IEndDragHandler | OnEndDrag(PointerEventData eventData) | 拖拽結(jié)束時（抬起鼠標/觸摸，觸發(fā)一次） | 判定拖拽落點、恢復原UI狀態(tài) |
IScrollHandler | OnScroll(PointerEventData eventData) | 鼠標滾輪滾動或觸摸滑動時（每幀觸發(fā)） | 自定義滾動視圖UI縮放、滾動文本框 |
ISelectHandler | OnSelect(BaseEventData eventData) | UI元素被選中時（如鍵Tab切換） | 輸入框選中高亮、菜單選項選中反饋 |
IDeselectHandler | OnDeselect(BaseEventData eventData) | UI元素失去選中時（如切換到其他元素） | 輸入框失去焦點保存內(nèi)容、取消菜單選中狀態(tài) |
ISubmitHandler | OnSubmit(BaseEventData eventData) | 選中UI元素后提交（如按 Enter 鍵） | 菜單確認、表單提交、按鈕激活 |
ICancelHandler | OnCancel(BaseEventData eventData) | 觸發(fā)取消操作時（如按Esc鍵） | 關(guān)閉彈窗、取消輸入、退出當前界面 |
到此這篇關(guān)于C#實現(xiàn)對UI元素拖拽的實現(xiàn)示例的文章就介紹到這了,更多相關(guān)C# UI元素拖拽內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Unity實現(xiàn)俄羅斯方塊的第一部分代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
c#使用S22.Imap收劍靈激活碼郵件代碼示例(imap收郵件)
一個IMAP收發(fā)郵件的類庫S22.IMAP，方便易用,下面來個例子可以收劍靈激活碼郵件2013-12-12
在C#中,要判斷一個字符串是否不等于空（即它既不是null也不是空字符串""）,方法有如下幾種,文中通過代碼示例講解的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-06-06
VS.net VSS時，編譯報錯：未能向文件“.csproj.FileListAbsolute.txt”寫入命令行 對路
在VSS上把項目的Bin和Obj目錄刪除，然后重新取出項目，編譯成功。2009-06-06
下面小編就為大家分享一篇基于C#的抽象類別詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
DevExpress實現(xiàn)GridView當無數(shù)據(jù)行時提示消息
這篇文章主要介紹了DevExpress實現(xiàn)GridView當無數(shù)據(jù)行時提示消息,需要的朋友可以參考下2014-08-08
