unity 鼠标拖拽UI边缘，实现边缘实时调整UI大小

### 实现 Unity 中通过鼠标拖拽 UI 边缘实现实时调整 UI 大小 为了实现这一功能，需理解 `Canvas` 和 `RectTransform` 的工作原理以及它们之间的关系。当 `Canvas` 设置为不同渲染模式时，其子对象的位置属性会有所不同[^2]。 对于实现拖拽边框调整大小的功能，主要涉及监听鼠标的按下、移动和释放事件，并据此修改目标 UI 组件的尺寸。下面提供一种具体的方法： #### 方法概述 创建一个脚本来处理这些交互逻辑，将其附加到想要支持缩放操作的游戏对象上。此脚本应检测用户是否点击了游戏对象的边界区域；如果是，则允许用户通过拖动来更改该游戏对象的实际宽度或高度。 #### 示例代码 ```csharp using UnityEngine; using UnityEngine.EventSystems; public class EdgeResizeHandler : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler { private RectTransform rectTransform; public float edgeThreshold = 10f; // 定义边缘敏感度 private Vector2 initialSizeDelta; private Vector2 mouseOffsetFromCenter; private void Awake() { rectTransform = GetComponent<RectTransform>(); } public void OnBeginDrag(PointerEventData eventData) { if (IsMouseOverEdge(eventData)) { initialSizeDelta = rectTransform.sizeDelta; mouseOffsetFromCenter = eventData.position - (Vector2)rectTransform.position; } } public bool IsMouseOverEdge(PointerEventData eventData) { Rect rect = GetPixelAdjustedRect(); return Mathf.Abs(eventData.position.x - rect.xMin) <= edgeThreshold || Mathf.Abs(eventData.position.y - rect.yMax) <= edgeThreshold || Mathf.Abs(eventData.position.x - rect.xMax) <= edgeThreshold || Mathf.Abs(eventData.position.y - rect.yMin) <= edgeThreshold; } private Rect GetPixelAdjustedRect() { Vector2 localPoint; RectTransformUtility.ScreenPointToLocalPointInRectangle( rectTransform, Input.mousePosition, null, out localPoint); return new Rect(-rectTransform.pivot.x * rectTransform.rect.width, (-1 + rectTransform.pivot.y) * rectTransform.rect.height, rectTransform.rect.width, rectTransform.rect.height); } public void OnDrag(PointerEventData eventData) { if (!IsMouseOverEdge(eventData)) return; var deltaPos = eventData.position - ((Vector2)rectTransform.position + mouseOffsetFromCenter); float newSizeX = initialSizeDelta.x + deltaPos.x; float newSizeY = initialSizeDelta.y - deltaPos.y; newSizeX = Mathf.Clamp(newSizeX, minSize.x, maxSize.x); // 可选：设置最小最大限制 newSizeY = Mathf.Clamp(newSizeY, minSize.y, maxSize.y); rectTransform.SetSizeWithCurrentAnchors(RectTransform.Axis.Horizontal, newSizeX); rectTransform.SetSizeWithCurrentAnchors(RectTransform.Axis.Vertical, newSizeY); } public void OnEndDrag(PointerEventData eventData) { // 结束拖拽后的清理工作可以在这里完成 } } ``` 上述代码展示了如何利用 `IBeginDragHandler`, `IDragHandler`, 和 `IEndDragHandler` 接口捕捉用户的输入行为并相应地更新 `RectTransform` 的尺寸[^1]。