Ugui 实现拖拽图片缩放尺寸

最新推荐文章于 2024-08-02 16:59:48 发布

LixiSchool

最新推荐文章于 2024-08-02 16:59:48 发布

阅读量1.3k

点赞数 1

分类专栏： Ugui

原文链接：https://www.jianshu.com/p/b66d0120e4a1

版权

Ugui 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种在Unity中实现图片缩放控制的方法，通过创建一个作为子物体的右下角图片，并挂载功能脚本来实现拖动控制图片大小的功能。文章详细解释了脚本的实现原理和使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果想通过拖动图片的右下角控制图片的缩放，那么需要在目标图片的右下角创建一个图片并作为目标图片的子物体，然后把右下角图片的锚点设置为右下角对齐，最后把功能脚本挂载在右下角图片的物体上，通过拖动它控制目标图片缩放尺寸，如下图：

脚本如下：


using UnityEngine;
using UnityEngine.EventSystems;

/// <summary>
/// 中心点
/// </summary>
public enum PivotType
{
    leftTop=0,
    center,
    rightBottom,
    
}
public class ImageResizer : MonoBehaviour, IPointerEnterHandler, IPointerExitHandler, IDragHandler
{
    public float minRatio; //最小缩放尺寸与原尺寸比
    public float maxRatio; //最大缩放尺寸与原尺寸比
    private Vector2 orignSize; //缓存原始尺寸
    public RectTransform targetRect; //被控制的 图片 
    [SerializeField]
    private Texture2D cursorHandle; //鼠标


    public PivotType pivotType;

    void Awake()
    {
        
        orignSize = targetRect.sizeDelta;
        SetPivot(pivotType);
    }

    #region  Function Deal with size


    void SetPivot(PivotType pivotType)
    {
        switch (pivotType)
        {
            case PivotType.leftTop:
                targetRect.pivot = new Vector2(0, 1);
                break;

            case PivotType.center:
                targetRect.pivot = new Vector2(0.5f, 0.5f);

                break;
            case PivotType.rightBottom:
                targetRect.pivot = new Vector2(1, 0);
                break;
        }

    }

    void IDragHandler.OnDrag(PointerEventData eventData)
    {
        float x = Mathf.Clamp(targetRect.sizeDelta.x + eventData.delta.x, orignSize.x * minRatio, orignSize.x * maxRatio);
        //float y = Mathf.Clamp(targetRect.sizeDelta.y - eventData.delta.y, orignSize.y*min, orignSize.y*max); 
        float y = x / targetRect.sizeDelta.x * targetRect.sizeDelta.y; //等比缩放
        targetRect.sizeDelta = new Vector2(x, y);
    }
    // 重置Target 尺寸
    public void ResetSize()
    {
        targetRect.sizeDelta = orignSize;
    }
    #endregion
    #region Cursor Behaviours
    public void OnPointerEnter(PointerEventData eventData)
    {
        Cursor.SetCursor(cursorHandle, Vector2.zero, CursorMode.Auto);
    }
    public void OnPointerExit(PointerEventData eventData)
    {
        SetDefaultCursor();
    }
    private static void SetDefaultCursor()
    {
        Cursor.SetCursor(null, Vector2.zero, CursorMode.Auto);
    }
    private void OnDisable()
    {
        SetDefaultCursor();
    }
    private void OnDestroy()
    {
        SetDefaultCursor();
    }
    #endregion
}