【Unity】如何在 Unity 中创建带有缩放效果的滚动视图？（简单方法）

在 Unity 中，实现一个具有缩放效果的滚动视图是一个常见的需求，特别是在展示大量项目时，通过缩放来突出显示或隐藏视图中心的项目。在本篇文章中，我们将学习如何使用 Unity 的 ScrollRect 组件和 C# 脚本来实现这一功能。 

目录

一、效果预览

二、实现思路

三、实现过程

四、总结

---

一、效果预览

二、实现思路

我们的目标是创建一个滚动视图，其中每个项目的缩放比例根据其与视图中心的距离而变化。为了实现这一目标，我们将执行以下步骤：

1. 获取滚动视图的视图大小和中心位置。
2. 计算每个项目相对于滚动视图中心的偏移量。
3. 根据偏移量计算缩放比例。
4. 应用缩放效果到每个项目上。

三、实现过程

首先，我们需要一个 ScrollRect 组件作为滚动视图的容器。这里我用Image充当，为其添加ScrollRect 组件，同时充当背景。

然后，在Image下创建空物体，并给该空物体添加Grid Layout Group和Content Size Fitter组件，调整参数，同时在其下创建几个Image查看效果。这里注意要将空物体GameObject拖入Image上ScrollRect 组件中的对应位置（Content），为后面滑动内容物做准备。

最后我们创建一个 C# 脚本来控制滚动视图的缩放效果。以下是我的 C# 脚本的代码示例： 

using UnityEngine;
using UnityEngine.UI;

public class ScrollScaling : MonoBehaviour
{
    // 滚动视图
    public ScrollRect scrollRect;
    // 缩放差异
    public float scaleDifference = 0.5f;

    // 项目的 RectTransform 数组
    private RectTransform[] items;
    // 视图大小
    private float viewPortSize;
    // 视图中心
    private float center;

    // 在开始时初始化
    void Start()
    {
        // 获取滚动视图视口大小和中心位置
        viewPortSize = scrollRect.viewport.rect.height;
        center = scrollRect.transform.position.y;

        // 获取所有子项目的 RectTransform
        int itemCount = scrollRect.content.childCount;
        items = new RectTransform[itemCount];
        for (int i = 0; i < itemCount; i++)
        {
            items[i] = scrollRect.content.GetChild(i).GetComponent<RectTransform>();
        }
    }

    // 在每帧更新时执行
    void Update()
    { 
        // 遍历每个项目
        foreach (RectTransform item in items)
        {
            // 计算项目中心位置和中心距离
            float itemCenter = item.transform.position.y;
            float distanceFromCenter = Mathf.Abs(center - itemCenter);
            // 计算缩放比例，并限制在一定范围内
            float scale = Mathf.Clamp(1 - distanceFromCenter * scaleDifference / viewPortSize, 0.5f, 1f);
            // 应用缩放效果到项目上
            item.localScale = new Vector3(scale, scale, 1f);
        }
    }
}

 将以上代码保存为名为 ScrollScaling.cs 的 C# 脚本文件，并将其添加到 Unity 项目中，同时将脚本组件附加到包含 ScrollRect 组件的游戏对象上。

在 Unity 编辑器中设置所需的参数，如 scaleDifference及拖入包含ScrollRect 组件的游戏物体Image。

 四、总结

通过以上步骤，我们成功地实现了一个具有缩放效果的滚动视图。这种效果可以用于各种场景，如游戏中的项目列表、UI 中的滚动菜单等。

另外一些伙伴可能需要实现滚动视图（ScrollView）中的内容吸附到最近的项目，可以参考我这篇文章：

在Unity 中创建带有缩放效果的滚动视图（具有吸附效果的实现与优化）

希望本文对你有所帮助，谢谢阅读！