**使用UGUI中的`Scroll View`组件实现无限滚动列表，可以应用于背包、排行榜等需要展示大量Item的页面，复用对象，提高性能。**
---
# 思路
## 1.计算可视范围的坐标
首先计算当前可视范围的区域的起始坐标`Y1`和结束坐标`Y2`,

`Y1`即为content的PosY的值，`Y2` = `Y1` + Height，从而得出起始位置坐标`Y1`和结束位置坐标`Y2`;

## 2.获取当前应该显示那些范围内的道具
假设我们用一个List来存储道具数据，要得到当前那些道具应该被显示，那就是获取index的范围，当前应该显示应为startIndex ~ endIndex，如何获取索引的范围呢？通过两个公式直接计算得出：

> **1. 起始的索引：startIndex = Y1 / 格子的实际高度 * 每一行的格子数**

注意：假设一个道具格子的大小为 300 * 300，由于格子上下有间距，假设间距为90，那么带入进公式中格子的实际高度为390（见示意图），计算时不能直接带入300，除非你的道具格子是无缝紧密相接的

> **2. 结束的索引：endIndex = Y2 / 格子的实际高度 * 每一行的格子数 + （每一行的格子数 - 1）**

![image.png](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/104e456da878dbb4a19cbb8ca88ec1a6.image.webp)

## 3.记录当前正在显示中的道具
需要一个容器来记录当前视野范围内正在显示着的道具，当我们向下滑动窗口的时候要进行判断，上方的已经不在视野内的道具应该移除，下方即将显示出来的道具应该创建
![image.png](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/18ce49fcc56c61eaa0f96b093b4919e1.image.webp)

# 代码实现
根据思路一步一步的实现代码


UGUI无限滚动列表

:::info{title="记录DoTween中常用的动画效果"}
:::



# Ease动画效果
## OutBack & InBack
**应用于DoScale**
![](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/095e824817150ee620fbcedc89078958.Apr-12-2025%205-09-29%C3%A2%C2%80%C2%AFPM.gif)

## OutElastic
**应用于DoScale**
![](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/fa53874fc2beae1d533de08d8adbe0e0.Apr-12-2025%205-25-40%C3%A2%C2%80%C2%AFPM.gif)

DoTween相关

### PackageManager下载Newtonsoft的URL地址：
`com.unity.nuget.newtonsoft-json`

### 动态改变RectTransform：
> 适用于动态生成物体后Content长宽不够，需要根据实例化后物体的数量来动态增加长度或宽度

**Height** 
* 将`sizeDelta`属性进行重新赋值
```c#
Vector2 newSize = new Vector2(contentOriSizeDelta.x, contentOriSizeDelta.y - 1087.2f);
content.sizeDelta = newSize;
```

**Width**
* 将`offsetMax`属性进行重新赋值
```c#
RectTransform rt = content.GetComponent<RectTransform>();
rt.offsetMax = new Vector2(rt.offsetMax.x + num * 167.71f, rt.offsetMax.y);
```

开发问题和备忘

# 效果展示

![](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/691621486aeee5b335240d62565b5d64.Apr-07-2025%207-53-42%C3%A2%C2%80%C2%AFPM.gif)

:::info{title="使用方法"}
选中场景中需要批量重命名的对象，右键打开菜单，点击选项`Batch Rename GameObjects`，填写自定义名称和序号即可。
:::


# 完整代码
已上传到Github仓库，可直接下载 [BatchRenameTool](https://github.com/xuxuxuJS/BatchRenameTool)

![image.png](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/80fdc034e12c346c6acf8d8684ae89f7.image.webp)


```c#
#if UNITY_EDITOR
using System.IO;
using UnityEditor;
using UnityEngine;

public class BatchRenameGameObjects : EditorWindow
{
    #region members
    private Vector2 scrollPos;
    private int charSize;
    private string targetName = string.Empty;
    private string startNum_str = "0";
    private int startNum_int = 0;
    private bool isTwoDigitFormat = false; // 标记是否为两位数字格式
    #endregion

    #region get window
    [MenuItem("CustomEditorWindow/Batch Rename GameObjects")]
    private static void OpenWindow()
    {
        GetWindow<BatchRenameGameObjects>("Batch Rename GameObjects").Show();
    }

    // 添加右键菜单项，设置为优先显示在 GameObject 菜单的开头
    [MenuItem("GameObject/Batch Rename GameObjects", false, 0)]
    private static void OpenRenameToolFromContextMenu()
    {
        // 打开批量重命名工具
        GetWindow<BatchRenameGameObjects>("Batch Rename GameObjects").Show();
    }
    #endregion

    #region render the window
    private void OnGUI()
    {
        scrollPos = GUILayout.BeginScrollView(scrollPos);
        {
            #region tool title
            charSize = GUI.skin.label.fontSize;
            GUI.color = Color.yellow;
            GUILayout.Space(10);
            GUI.skin.label.fontSize = 24;
            GUI.skin.label.alignment = TextAnchor.MiddleCenter;
            GUILayout.Label("Batch Rename GameObjects");
            GUI.skin.label.fontSize = charSize;
            GUI.skin.label.alignment = TextAnchor.MiddleLeft;
            GUI.color = Color.white;
            GUILayout.Space(20);
            #endregion

            GUILayout.BeginVertical();
            {
                #region text input
                GUILayout.BeginHorizontal();
                {
                    GUILayout.Label("Name Style: ");
                    GUILayout.FlexibleSpace();
                    targetName = GUILayout.TextField(targetName, GUILayout.Width(140));
                }
                GUILayout.EndHorizontal();
                GUILayout.Space(10);

                GUILayout.BeginHorizontal();
                {
                    GUILayout.Label("Start Number: ");
                    GUILayout.FlexibleSpace();
                    startNum_str = GUILayout.TextField(startNum_str, GUILayout.Width(60));
                    try
                    {
                        startNum_int = int.Parse(startNum_str);
                        isTwoDigitFormat = startNum_str.Length == 2 && startNum_str.StartsWith("0"); // 判断是否需要两位数格式
                    }
                    catch
                    {

                    }
                }
                GUILayout.EndHorizontal();
                #endregion
                #region button
                GUILayout.Space(30);
                bool hasObject = (Selection.objects.Length > 0);
                GUI.enabled = hasObject;

                GUILayout.FlexibleSpace();
                if (!hasObject)
                {
                    GUI.color = Color.red;
                    GUILayout.Button("No Selected Objects!");
                    GUI.color = Color.white;

                }
                else
                {
                    if (GUILayout.Button("Rename"))
                    {
                        Rename(targetName, startNum_int);
                    }
                }
                GUILayout.Space(20);
                #endregion
            }
            GUILayout.EndVertical();
        }
        GUILayout.EndScrollView();
    }
    #endregion

    #region Rename Function
    private void Rename(string t_name, int t_index)
    {
        string name = t_name.Trim(); //去除头尾空白字符串
        int index = t_index;
        if ((name + index) != string.Empty) //若名字不为空
        {
            bool isAssetsObject = false; //flag, 是否是assets文件夹的资源

            foreach (Object o in Selection.objects)
            {
                string path_g = AssetDatabase.GetAssetPath(o); //获得选中物的路径
                //查看路径后缀
                if (Path.GetExtension(path_g) != "") //若后缀不为空, 则为assets文件夹物体
                {
                    if (name.Length >= 2 && name.Substring(0, 2) == "m_") // m_ 开头会被吞
                    {
                        //用 M_ 修正
                        string temp_name = name.Remove(0, 1);
                        name = temp_name.Insert(0, "M");
                    }

                    // 根据是否是两位数字格式来选择格式化方式
                    string formattedIndex = isTwoDigitFormat ? index.ToString().PadLeft(2, '0') : index.ToString();
                    AssetDatabase.RenameAsset(path_g, name + formattedIndex); //改名API
                    if (!isAssetsObject)
                    {
                        isAssetsObject = true; //修改flag
                    }
                }
                else //后缀为空, 是场景物体
                {
                    // 根据是否是两位数字格式来选择格式化方式
                    string formattedIndex = isTwoDigitFormat ? index.ToString().PadLeft(2, '0') : index.ToString();
                    o.name = name + formattedIndex;
                }
                index++;
            }
            if (isAssetsObject) //若是assets文件夹资源, 则刷新assets
            {
                AssetDatabase.SaveAssets();
                AssetDatabase.Refresh();
            }
        }
    }
    #endregion
}
#endif
```

Unity批量重命名工具

![logo.webp](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/480d21958c72f232a5008fc68284d352.logo_%C3%A5%C2%89%C2%AF%C3%A6%C2%9C%C2%AC.webp)


# 1.创建API key
访问[DeepSeek开放平台](https://platform.deepseek.com/api_keys)，登录你的账号，创建一个API Key，随便命名，我这里命名为`Unity_API`

![image.png](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/165c49152261c505bcfeb1a077337809.image.webp)
复制并保存好提供的key，DeepSeek平台的规则只允许你在刚创建的时候查看一次key，之后就不能查看了，最好粘贴到记事本或文件传输助手当中

![image.png](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/21b29de5aa79920bd29bca20280d8bff.image.webp)
# 2.UI组件
在Unity中分别创建三个UI组件：
Input Field获取用户的输入，Text用于显示DeepSeek返回的回答，Button用于发送用户的请求
![image.png](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/f474a22fb5fe5d516d8834c8c2d0262c.image.webp)
# 3.编写脚本
创建空物体命名为`DeepSeekChat`，将我提供的代码复制粘贴，我们先获取到UI组件，我这里用public直接拖入，将刚刚获取到的API key填入到字段`apiKey`中，Json解析库依赖Newtonsoft.Json，如果没有需要下载并导入
![image.png](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/28e2b0e1f5fd4a3ccf137fa2f08bbb0d.image.webp)
```c#
using UnityEngine;
using UnityEngine.Networking;
using System.Collections;
using System.Text;
using UnityEngine.UI;
using TMPro;
using System;
using Newtonsoft.Json;

public class DeepSeekChat : MonoBehaviour
{
    //>这里填你你创建好的API key即可
    public string apiKey = "";
    public string apiUrl = "https://api.deepseek.com/v1/chat/completions";
    public TMP_InputField inputField;
    public TextMeshProUGUI chatText;
    public Button btnResquest;
    bool isFirst = true;
    private void Start()
    {
        btnResquest.onClick.AddListener(SendMessageToDeepSeek);
    }

    public void SendMessageToDeepSeek()
    {
        string userMessage = inputField.text;
        //清空文本框
        chatText.text = "";
        StartCoroutine(PostRequest(userMessage));
    }

    IEnumerator PostRequest(string userMessage)
    {
        // 创建请求体
        var requestBody = new
        {
            model = "deepseek-chat",
            messages = new[]
            {
                new { role = "user", content = userMessage }
            },
        };

        string jsonBody = JsonConvert.SerializeObject(requestBody);
        // 创建UnityWebRequest
        UnityWebRequest request = new UnityWebRequest(apiUrl, "POST");
        byte[] bodyRaw = Encoding.UTF8.GetBytes(jsonBody);

        request.uploadHandler = new UploadHandlerRaw(bodyRaw);
        request.downloadHandler = new DownloadHandlerBuffer();
        request.SetRequestHeader("Content-Type", "application/json");
        request.SetRequestHeader("Authorization", "Bearer " + apiKey);

        // 发送请求
        yield return request.SendWebRequest();

        if (request.result == UnityWebRequest.Result.ConnectionError || request.result == UnityWebRequest.Result.ProtocolError)
        {
            Debug.LogError("Error: " + request.error); //打印错误详情
        }
        else
        {
            // 解析响应
            string responseJson = request.downloadHandler.text;
            var response = JsonUtility.FromJson<DeepSeekResponse>(responseJson);
            Debug.Log("DeepSeek: " + response.choices[0].message.content);

            //用户的提问
            //chatText.text += "\nUser: " + userMessage;

            // 返回的回答
            if (isFirst)
                chatText.text += "DeepSeek: " + response.choices[0].message.content;
            else
                chatText.text += "\nDeepSeek: " + response.choices[0].message.content;

            isFirst = false;
        }
    }
}

[System.Serializable]
public class DeepSeekResponse
{
    public Choice[] choices;
}

[System.Serializable]
public class Choice
{
    public Message message;
}

[System.Serializable]
public class Message
{
    public string role;
    public string content;
}
```

# 4.启动Unity
启动引擎看看效果如何，等待的过程还是有点久的，可能要几十秒，这主要是因为最近DeepSeek热度太高，请求也大，官方做出了一定的限制

![434149c9-2f59-4fa7-9c46-5d2d79afb3ac.png](https://typroa-note-xuxuxu.oss-cn-guangzhou.aliyuncs.com/d66844f2cd952a007c0ffd0fc4a3efa6.434149c9-2f59-4fa7-9c46-5d2d79afb3ac.webp)