Unity3D ScrollView跳转功能

最新推荐文章于 2024-09-02 16:47:18 发布

梧桐Mormon

最新推荐文章于 2024-09-02 16:47:18 发布

阅读量2.5k

点赞数 2

分类专栏： Unity3D 文章标签： unity3d ui

本文链接：https://blog.csdn.net/qq_39308897/article/details/78692429

版权

Unity3D 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

最近在项目中需要用到ScrollView通过外部传进来的参数进行UI跳转的功能，一开始做了一个通过改变ScrollBar里的Value值跳转的，但是实际项目里是没有ScrollBar的，所以通过一个计算与DoTween插件实现了跳转功能。

第一步

新建一个ScrollView，删除掉ScrollView下的ScrollBar，然后再Content下添加自动排版组件，如图所示。

第二步

新建一个脚本，脚本内容如下

using UnityEngine;
using System.Collections;
using UnityEngine.UI;
using DG.Tweening;

public class ScrollViewDemoTest : MonoBehaviour
{
    public RectTransform Content;//调用Content的RectTransform组件
    public RectTransform ViewProt;//调用ViewPort的RectTransform组件
    // Use this for initialization
    void Start()
    {
        for (int i = 0; i < Content.childCount; i++)
        {//通过一个for循环来给Content下的所有子物体命名并添加委托。
            Content.GetChild(i).name = i.ToString();
            Content.GetChild(i).GetChild(0).GetComponent<Text>().text = i.ToString();
            ClickListener.Get(Content.GetChild(i).gameObject).onClick = OnBtnNumber;
        }
    }
    public void OnBtnNumber(GameObject obj)
    {
        float length = int.Parse(obj.name) * (Content.GetComponent<GridLayoutGroup>().cellSize.y + Content.GetComponent<GridLayoutGroup>().spacing.y);
        float ViewProtH=Content.childCount*(Content.GetComponent<GridLayoutGroup>().cellSize.y+Content.GetComponent<GridLayoutGroup>().spacing.y)-ViewProt.sizeDelta.y-Content.GetComponent<GridLayoutGroup>().spacing.y;
        if (length > ViewProtH)
        {
            length = ViewProtH;
        }
        DOTween.To(() => Content.offsetMax, x => Content.offsetMax = x, new Vector2(0, length), 0.615f);
    }


}

Grid Layout Group.cellSize.y的参数为Content下子物体的长度，.Spacing.y为子物体之间Y轴的间隔，因为我们用int类型给子物体命名，所以当子物体的名字乘以子物体的长度加上子物体之间的间隔就等于每个按钮应该缩进的值也就是Length变量。
然后最后几个按钮会因为缩进不够而特别鬼畜，所以我们通过计算Content的总长度减去ViewProt的长度再减去子物体之间的间隔可以得到在ViewPort里最上方的按钮应该缩进的长度。
所以当按下的按钮的缩进长度大于这个长度时，我们将ViewProt最上方按钮应缩进的长度赋给Length变量
同时调用DOTween的To方法，将Content的位置移动到Length变量。