Unity功能记录---小地图缩放,拖拽解决方案

本文介绍了如何在游戏或应用中实现一个小地图的拖拽和缩放功能,关键在于使用 RectTransform 和父物体管理缩放与边界,确保地图始终在界面内。通过公式实现坐标限制,同时涵盖缩放控制和边界刷新策略。

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

功能需求,项目需求是,要在界面的右上角做一个小地图,这个小地图可以进行地理链接的,那么这个地图的功能是可以拖拽的,并且每一次的缩放都是以图片中心点去缩放,那么如果图片被拖拽去了别的地方,那么中心点就会改变,所以这时候就需要在地图上方加一层父物体,缩放的时候缩放的是父物体,拖拽才是地图本体,这时候又有个问题,就是边界检测,缩放到任何大小都要重新做边界检测,不能拖动到外面,,,总结了一个公式

((RectTransform.sizeDelta.x*parent.localScale.x-RectTransform.sizeDelta.x)/2)/parent.localScale.x,这里Y轴位置的边界检测原理是一样的,无论什么时候,都刷新这个,就不会被拖拽到外面。下面是上代码


​using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;
using UnityEngine.UI;


public class MapProcessing : MonoBehaviour,IPointerEnterHandler,IPointerExitHandler,IDragHandler,IEndDragHandler
{
    bool allowDrag = false;   //允许拖动

    public  RectTransform parents;
    public RectTransform map;

    Vector2 offctV=Vector2.zero;
    public void OnDrag(PointerEventData eventData)
    {

        if (parents.GetComponent <Transform >().localScale.x>1)
        {
            offctV = eventData.delta*0.2f;
            float X = map.anchoredPosition.x + offctV.x;
            X = Mathf.Clamp(X,-((parents.sizeDelta.x* parents.localScale.x- parents.sizeDelta.x)/2)/ parents.localScale.x, ((parents.sizeDelta.x * parents.localScale.x - parents.sizeDelta.x) / 2)/ parents.localScale.x);            
            float Y = map.anchoredPosition.y + offctV.y;
            Y = Mathf.Clamp(Y, -((parents.sizeDelta.y * parents.localScale.y - parents.sizeDelta.y) / 2)/ parents.localScale.x, ((parents.sizeDelta.y * parents.localScale.y - parents.sizeDelta.y) / 2)/ parents.localScale.x);
            map.anchoredPosition = new Vector2(X, Y);
        }
        
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        
    }

    public void OnPointerEnter(PointerEventData eventData)
    {
        allowDrag = true;
    }

    public void OnPointerExit(PointerEventData eventData)
    {
        allowDrag = false;
    }

    private void Update()
    {
        BorderClamp();
        if (allowDrag) {
            if (Input.GetAxis("Mouse ScrollWheel") > 0) {
                //放大
                float f = parents.transform.localScale.x + 0.2f;
                f = Mathf.Clamp(f, 1, 10);
                parents.transform.localScale = new Vector3(f,f,f);
            }
            if (Input.GetAxis("Mouse ScrollWheel") < 0) {
                //map.anchoredPosition = new Vector2(0,0);

                
                float f = parents.transform.localScale.x - 0.2f;
                f = Mathf.Clamp(f,1,10);
                parents.transform.localScale = new Vector3(f, f, f);
                BorderClamp();
            }
            
        }
    }


    void BorderClamp() {
        float X1 = map.anchoredPosition.x;
        X1 = Mathf.Clamp(X1, -((parents.sizeDelta.x * parents.localScale.x - parents.sizeDelta.x) / 2) / parents.localScale.x, ((parents.sizeDelta.x * parents.localScale.x - parents.sizeDelta.x) / 2) / parents.localScale.x);
        float Y1 = map.anchoredPosition.y;
        Y1 = Mathf.Clamp(Y1, -((parents.sizeDelta.y * parents.localScale.y - parents.sizeDelta.y) / 2) / parents.localScale.x, ((parents.sizeDelta.y * parents.localScale.y - parents.sizeDelta.y) / 2) / parents.localScale.x);
        map.anchoredPosition = new Vector2(X1, Y1);
    }
}

 

 

 

Unity实现地图拖动和缩放的步骤如下: 1. 创建小地图 在场景中添加一个UI画布,然后在该画布上创建一个RawImage组件,作为小地图的容器。将小地图的图片资源设置为该组件的纹理,并调整其位置和大小。 2. 添加拖动脚本 创建一个新的C#脚本,将其添加到小地图的RawImage组件上。在脚本中添加以下代码: ```csharp public class MiniMap : MonoBehaviour, IDragHandler { public float dragSpeed = 2; private Vector2 dragOrigin; public void OnDrag(PointerEventData eventData) { Vector2 currentPosition = eventData.position; if (eventData.button == PointerEventData.InputButton.Left) { Vector2 difference = currentPosition - dragOrigin; transform.position += (Vector3)difference * dragSpeed; } dragOrigin = currentPosition; } } ``` 该脚本实现了小地图的拖动功能。当用户按下鼠标左键并拖动时,小地图会跟随鼠标移动。 3. 添加缩放脚本 在上述脚本的基础上,我们可以再添加一个缩放功能。在MiniMap类中添加以下代码: ```csharp public float zoomSpeed = 1; public float zoomMin = 1; public float zoomMax = 5; public void Update() { float scroll = Input.GetAxis("Mouse ScrollWheel"); if (scroll != 0) { float zoom = Mathf.Clamp(transform.localScale.x + scroll * zoomSpeed, zoomMin, zoomMax); transform.localScale = new Vector3(zoom, zoom, 1); } } ``` 该脚本实现了小地图缩放功能。当用户滚动鼠标滚轮时,小地图会按照一定的缩放速度进行缩放,并且限制缩放比例在一定范围内。 通过以上三个步骤,我们就可以在Unity实现地图的拖动和缩放功能了。当然,具体实现还需要根据自己的项目需求进行调整。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一丁目赠我

谢谢你的打赏,感谢

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值