Unity 可缩放地图的制作

原创已于 2022-06-07 08:45:02 修改 · 1.6k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#unity #c# #游戏引擎

于 2022-05-02 17:52:11 首次发布

Unity 游戏设计专栏收录该内容

230 篇文章

订阅专栏

本文介绍如何在Unity中利用ScrollView和Image组件，实现图片的拖拽查看和缩放功能。通过调整Content的大小以适应图片尺寸，并通过Slider控制图片的缩放比例，确保所有内容在ScrollView内均可查看。关键代码包括设置Content的初始大小和监听Slider事件来改变图片的缩放级别。

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

架构

使用Scroll View装载Image

Content与Image初始大小与Panel一致，后续通过代码进行缩放

代码

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

public class MapPanelManager : MonoBehaviour
{
    public Slider scaleSlider;
    public RectTransform contentOfMap;

    public void SetMapScale(Slider slider)
    {
        float scaleFactor = slider.value;
        contentOfMap.localScale = new Vector3(scaleFactor, scaleFactor, 1);
    }

    public void OnEnable()
    {
        scaleSlider.value = contentOfMap.localScale.x;
        contentOfMap.sizeDelta = contentOfMap.transform.GetChild(0).GetComponent<RectTransform>().sizeDelta;
    }
}

注：加载图片到Scroll View的Content中去显示，要实现拖拽查看的效果，首先要让Content的初始大小与图片一致，这样才能保证图片的每一个地方都可以在拖拽后被看到。这里通过代码自动设定Content大小。