Unity中关于ScrollRect组件完整解决方案(ScrollRect中元素自动排版+ScrollRect中元素自动定位到Viewport可见范围内)

一、元素自动排版功能

1、首先要往我们的unity项目中导入两个脚本文件，脚本文件名称分别是UIScrollEventListener和CZScrollRect，这两个脚本文件代码如下所示。

1-1、介绍UIScrollEventListener脚本写法。
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

public class UIScrollEventListener : MonoBehaviour, IBeginDragHandler, IEndDragHandler , IPointerUpHandler, IPointerDownHandler , IDragHandler
{
    public delegate void VoidDelegate(PointerEventData pdata);
    public VoidDelegate onBeginDrag;
    public VoidDelegate onEndDrag;
    public VoidDelegate onUp;
    public VoidDelegate onDown;
    public VoidDelegate onDrag;
    bool isDrag = false;
    List<Image> registers = new List<Image>();

    public static UIScrollEventListener Get(GameObject go)
    {
        UIScrollEventListener listener = go.GetComponent<UIScrollEventListener>();
        if (listener == null) listener = go.AddComponent<UIScrollEventListener>();
        return listener;
    }

    public void OnBeginDrag(PointerEventData eventData)
    {
        isDrag = true;
        if (onBeginDrag != null) onBeginDrag(eventData);
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        isDrag = false;
        if (onEndDrag != null) onEndDrag(eventData);
    }

    public void OnPointerUp(PointerEventData eventData)
    {
        if (!isDrag) {

            SetRegisterEvent(true);
            PraseObject(eventData);
            SetRegisterEvent(false);
        }
        if (onUp != null) onUp(eventData);
    }

    public void OnPointerDown(PointerEventData eventData)
    {
        if (onDown != null) onDown(eventData);
    }

    public void OnDrag(PointerEventData eventData) {

        if (onDrag != null) onDrag(eventData);
    }

    public void RegisterButton(GameObject go)
    {
        Image img = go.GetComponent<Image>();
        if (img != null)
        {
            img.raycastTarget = false;
            registers.Add(img);
        }
    }

    void SetRegisterEvent(bool b) {

        if (registers.Count > 0)
        {
            for (int i = 0; i < registers.Count; ++i)
            {
                registers[i].raycastTarget = b;
            }
        }
    }

    void PraseObject(PointerEventData eventData) {

        if (registers.Count > 0)
        {
            for (int i = 0; i < registers.Count; ++i)
            {
                if (EventSystem.current != null)
                {
                    List<RaycastResult> result = new List<RaycastResult>();
                    EventSystem.current.RaycastAll(eventData, result);
                    foreach (RaycastResult r in result)
                    {
                        //Debug.Log(r.gameObject.name);
                        foreach (Image img in registers)
                        {

                            if (img.gameObject.Equals(r.gameObject))
                            {

                                InputField inputfield = img.gameObject.GetComponent<InputField>();
                                if (inputfield != null) inputfield.ActivateInputField();
                            }

                        }
                    }
                }
            }
        }
    }

}
1-2、介绍CZScrollRect脚本写法。
using System;
using UnityEngine;
using UnityEngine.UI;

public class ScrollObj
{
    public GameObject obj;
    public int dex;
}

public class CZScrollRect
{

    public enum TipType
    {
        UNDO_REFRESH = 0,
        PULL_REFRESH = 1,
        UNDO_APPEND = 2,
        PULL_AAPEND = 3,
        NODATA = 4,
        NONE = 5
    }

    const int OPEAT_HEIGHT = 100;//高度差判断操作类型
    const int INIT_NUM_LIMIT = 8;//列表实例化个数

    public delegate void OperatDelegate();
    public delegate void OperatObjDelegate(GameObject obj , int index);
    public delegate void OperatTextObjDelegate(GameObject obj, TipType t);
    public OperatDelegate onRefresh;//下拉刷新时回调
    public OperatDelegate onAppend;//需要加载更多时回调
    public OperatObjDelegate onScrollObj;//需刷新时回调
    public OperatTextObjDelegate onUpdateTextObj;//需刷新文本状态时回调

    public ScrollRect scrollRect;//ScrollRect
    private RectTransform scrollRectContent;//RectTransform
    public GameObject prefab;//实例化的对象
    public GameObject text_up;//下拉刷新文本
    public GameObject text_down;//上拉加载更多文本

    TipType textup_status;

    int opeartLen = 0;//记录总长度
    public int layoutwidth = 1242;//填写item的长度
    public int limitNum = 8;//列表实例化个数
    public float interval = 200;//每个item的高度
    public float spacing = 5;//每个tiem的间隔

    ScrollObj[] list;//用于管理生成的对象
    int opeartType;
    int pageindex;//页码
    bool bHasMore;//是否能加载更多
    int halfWidth;

    //
    public GameObject batchContent;

    public CZScrollRect()
    {
        opeartType = -1;
        hasMore = false;
    }

    /// <summary>
    /// 用于控制scrollrect是否能够滑动
    /// （用于等待网络请求等业务）
    /// </summary>
    public bool vertical
    {
        get{
            return scrollRect.vertical;
        }set{
            scrollRect.vertical = value;
        }
    }

    /// <summary>
    /// 是否存在更多
    /// </summary>
    public bool hasMore
    {
        get{
            return bHasMore;
        }set{
            bHasMore = value;
        }
    }

    /// <summary>
    /// 获取对象所在的索引
    /// </summary>
    /// <param name="obj"></param>
    /// <returns></returns>
    public int GetObjIndex(GameObject obj) {

        for(int i = 0; i < list.Length; ++i)
        {
            if (obj.Equals(list[i].obj))
            {
                return list[i].dex;
            }
        }
        return -1;
    }

    /// <summary>
    /// 初始化参数
    /// </summary>
    public void Init() {

        list = new ScrollObj[Mathf.Max(limitNum, INIT_NUM_LIMIT)];
        scrollRectContent = scrollRect.content;
        halfWidth = layoutwidth / 2;
        //此处监听drag事件
        UIScrollEventListener.Get(scrollRect.gameObject).onDrag = (data) =>
        {
            float recty = -scrollRectContent.rect.y - scrollRect.GetComponent<RectTransform>().sizeDelta.y;//Log.Debug($"{scrollRectContent.anchoredPosition.y} , {recty} , {-scrollRectContent.rect.y}");
            if (scrollRectContent.anchoredPosition.y >= recty + OPEAT_HEIGHT)
            {
                if (bHasMore)
                {
                    //松开可以加载更多
                    if (textup_status != TipType.UNDO_APPEND) {

                        textup_status = TipType.UNDO_APPEND;
                        if (onUpdateTextObj != null) onUpdateTextObj(text_down, TipType.UNDO_APPEND);
                    }
                }
                else
                {
                    //没有更多数据了
                    if (textup_status != TipType.NODATA)
                    {
                        textup_status = TipType.NODATA;
                        if (onUpdateTextObj != null) onUpdateTextObj(text_down, TipType.NODATA);
                    }

                }
                opeartType = 1;
            }
            else if (scrollRectContent.anchoredPosition.y > recty)
            {
                if (bHasMore)
                {
                    //上拉可以加载更多
                    if (textup_status != TipType.PULL_AAPEND)
                    {
                        textup_status = TipType.PULL_AAPEND;
                        if (onUpdateTextObj != null) onUpdateTextObj(text_down, TipType.PULL_AAPEND);
                    }
                }
                else
                {
                    //没有更多数据了
                    if (textup_status != TipType.NODATA)
                    {
                        textup_status = TipType.NODATA;
                        if (onUpdateTextObj != null) onUpdateTextObj(text_down, TipType.NODATA);
                    }
                }
                opeartType = -1;
            }
            else if (scrollRectContent.anchoredPosition.y <= -OPEAT_HEIGHT)
            {
                //松开可以刷新
                if (textup_status != TipType.UNDO_REFRESH)
                {
                    textup_status = TipType.UNDO_REFRESH;
                    if (onUpdateTextObj != null) onUpdateTextObj(text_up, TipType.UNDO_REFRESH);
                }
                opeartType = 0;
            }
            else if (scrollRectContent.anchoredPosition.y < 0)
            {
                //下拉可以刷新
                if (textup_status != TipType.PULL_REFRESH)
                {
                    textup_status = TipType.PULL_REFRESH;
                    if (onUpdateTextObj != null) onUpdateTextObj(text_up, TipType.PULL_REFRESH);
                }
                opeartType = -1;
            }
            else
            {
                opeartType = -1;
            }
            UpdateUiInfo();
        };

        //此处是监听鼠标点击事件  
        UIScrollEventListener.Get(scrollRect.gameObject).onUp = (data) =>
        {
            if (opeartType == 0)
            {
                if (onRefresh != null)
                {
                    scrollRect.vertical = false;
                    onRefresh();
                }
            }
            else if (opeartType == 1)
            {
                if (bHasMore && onRefresh != null)
                {
                    scrollRect.vertical = false;
                    onAppend();
                }
            }
        };

        scrollRect.onValueChanged.RemoveAllListeners();
        scrollRect.onValueChanged.AddListener(OnScrollChange);
    }

    void OnScrollChange(Vector2 v) {

        //TOP TO BUTTOM  计算页码
        int curIndex = Mathf.Min(Mathf.Max(Mathf.FloorToInt(scrollRectContent.anchoredPosition.y / (interval + spacing)) - 1, 0), opeartLen - limitNum);
        UpdatePageIndex(curIndex);
    }

    /// <summary>
    /// 刷新页面 （重置长度）
    /// </summary>
    /// <param name="len"></param>
    public void Refresh(int len)
    {
        //Debug.Log($"Refresh len = {len}");
        if (len < 0)return;
        int count = 0;
        for (int i = 0; i < list.Length; ++i) {

            if (list[i] == null) list[i] = new ScrollObj();
            if (i < len) {

                if (list[i].obj == null)
                {
                    list[i].obj = GetNewObject();
                }
                list[i].dex = i;
                list[i].obj.SetActive(true);
                SetPosition(list[i].obj, list[i].dex);
                if (onScrollObj != null) onScrollObj(list[i].obj, list[i].dex);
                count++;
            }
            else
            {
                if(list[i].obj != null) list[i].obj.SetActive(false);
            }
        }
        opeartLen = len;
        UpdatePageIndex(0);//重置页码
        scrollRectContent.localPosition = Vector3.zero;
        scrollRect.verticalScrollbar.value = 1;
        UpdateUiInfo();
        scrollRect.vertical = true;
    }

    /// <summary>
    /// 追加长度
    /// </summary>
    /// <param name="len"></param>
    public void Append(int len)
    {
        //Debug.Log($"Append len = {len}");
        if (len < 0) return;
        if(len == 0)
        {
            if (onUpdateTextObj != null) {

                onUpdateTextObj(text_up, TipType.NONE);
                onUpdateTextObj(text_down, TipType.NONE);
            }
        }
        if (opeartLen < list.Length) {

            int showlen = Mathf.Min(list.Length - opeartLen , len);//Debug.Log($"showlen = {showlen}");
            for (int i = 0; i < showlen; ++i) {

                    
                int dex = opeartLen + i;//Debug.Log(dex);
                if (list[dex] == null) list[dex] = new ScrollObj();
                if (list[dex].obj == null)
                {
                    list[dex].obj = GetNewObject();
                }
                list[dex].dex = dex;
                list[dex].obj.SetActive(true);
                SetPosition(list[i].obj, list[i].dex);
                if (onScrollObj != null) onScrollObj(list[dex].obj, list[dex].dex);
            }
        }
        opeartLen += len;
        UpdateUiInfo();
        scrollRect.vertical = true;
    }

    /// <summary>
    /// 实时刷新页面
    /// </summary>
    /// <param name="pdex"></param>
    void UpdatePageIndex(int pdex) {

        if (opeartLen <= list.Length || pageindex == pdex) return;//Debug.Log($"pdex = {pdex}");
        int x = Mathf.FloorToInt(pdex / limitNum);
        int y = pdex % limitNum;
        for (int i = 0; i < limitNum; ++i)
        {
            int d = 0;
            if (i < y)
            {
                d = (x + 1) * limitNum + i;
            }
            else
            {
                d = Mathf.Max(x, 0) * limitNum + i;
            }
            if (list[i].dex != d) {

                list[i].dex = d;
                if (list[i].obj != null) {

                    SetPosition(list[i].obj, list[i].dex);
                    if (onScrollObj != null) onScrollObj(list[i].obj, list[i].dex);
                }
            }
        }
        pageindex = pdex;
    }

    /// <summary>
    /// 刷新content的高度
    /// </summary>
    void UpdateUiInfo() {

        //Debug.Log($"opeartLen = {opeartLen} {opeartLen * (interval + spacing)} - {scrollRect.GetComponent<RectTransform>().sizeDelta.y}");
        scrollRectContent.sizeDelta = new Vector2(0, Math.Max(opeartLen * (interval + spacing), scrollRect.GetComponent<RectTransform>().sizeDelta.y));
        if(text_up != null) text_up.transform.localPosition = new Vector3(text_up.transform.localPosition.x, OPEAT_HEIGHT - 50, 0);
        if (text_down != null) text_down.transform.localPosition = new Vector3(text_down.transform.localPosition.x, -scrollRectContent.sizeDelta.y - OPEAT_HEIGHT + 50, 0);
    }

    void SetPosition(GameObject obj , int dex) {

        //obj.transform.localPosition = new Vector3(0, -dex * (interval + spacing) - interval / 2, 0);
        float y = -dex * (interval + spacing) - interval;
        obj.transform.GetComponent<RectTransform>().offsetMin = new Vector2(0 , y);
        obj.transform.GetComponent<RectTransform>().offsetMax = new Vector2(0, y + interval);
    }

    GameObject GetNewObject() {

        return GameObject.Instantiate(prefab, scrollRectContent);
    }

    public void Dispose()
    {
        scrollRect.onValueChanged.RemoveAllListeners();
        scrollRect = null;
        scrollRectContent = null;
        prefab = null;
        text_up = null;
        text_down = null;
        list = null;
        onAppend = null;
        onRefresh = null;
        onScrollObj = null;
    }
}

二、测试ScrollRect中元素自动排版案例

1、首先要在我们的场景中搭建好测试的游戏物体，我这个场景中游戏物体的锚点是随便设置的，你们可以根据需要进行对应不同的测试。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2、新增一个TestScrollView脚本用于测试ScrollRect中元素自动排版，TestScrollView脚本完整代码如下。

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

public class TestScrollView : MonoBehaviour
{
    CZScrollRect scrollcomponent;

    GameObject item;
    ScrollRect m_ScrollRect;

    List<string> str_list = new List<string>
    {
        "元素1",
        "元素2",
        "元素3",
        "元素4",
        "元素5",
        "元素6",
        "元素7",
        "元素8",
        "元素9",
        "元素10",
        "元素11",
        "元素12"
    };

    private void Awake()
    {
        item = transform.Find("Viewport/Item").gameObject;
        m_ScrollRect = gameObject.GetComponent<ScrollRect>();

        scrollcomponent = new CZScrollRect();
        scrollcomponent.prefab = item;
        scrollcomponent.scrollRect = m_ScrollRect;
        scrollcomponent.onScrollObj = OnScrollObj;
        scrollcomponent.interval = 30;
        scrollcomponent.limitNum = 10000;
        scrollcomponent.Init();
    }

    private void Start()
    {
        if (str_list.Count == 0)
        {
            scrollcomponent.Refresh(0);
        }
        else
        {
            scrollcomponent.Refresh(str_list.Count);
        }
    }

    void OnScrollObj(GameObject obj, int index)
    {
        Debug.Log("obj name:" + obj.name + "       index:" + index);

        obj.transform.Find("Text").GetComponent<Text>().text = str_list[index];
    }
}

3、ScrollRect中元素自动排版效果展示。

在这里插入图片描述
在这里插入图片描述

二、ScrollRect中元素自动定位到Viewport可见范围内

1、在做之前，需要在项目中导入DOTween插件。

在这里插入图片描述

2、首先要往我们的unity项目中导入一个脚本文件，脚本文件名称是UIScrollRect，这个脚本文件代码如下所示。

using DG.Tweening;
using DG.Tweening.Core;
using DG.Tweening.Plugins.Options;
using UnityEngine;
using UnityEngine.Events;
using UnityEngine.EventSystems;
using UnityEngine.UI;

public class UIScrollRect : ScrollRect
{
    [SerializeField]
    private UnityEvent _BeginDragEvent;
    [SerializeField]
    private UnityEvent _DragEvent;
    [SerializeField]
    private UnityEvent _EndDragEvent;

    public bool LeftOrUpMove { get; private set; }
    private Vector3 _BeginDragPosition;
    private bool _IsDragEnd = false;
    private bool _UseMoveCenter = false;
    public bool UseMoveCenter { set { _UseMoveCenter = value; } }
    private bool _AutoMoveCenter = false;
    private bool AutoMoveCenter { set { _AutoMoveCenter = value; } }
    private bool _SkipAnimation = false;
    private bool _SkipDragDirection = false;
    private Vector3 _ContentPosition = Vector3.zero;
    private TweenerCore<Vector3, Vector3, VectorOptions> _DOTweenTo;

    public UnityEvent BeginDragEvent
    {
        set { this._BeginDragEvent = value; }
        get { return this.BeginDragEvent; }
    }

    public UnityEvent DragEvent
    {
        set { this._DragEvent = value; }
        get { return this.DragEvent; }
    }

    public UnityEvent EndDragEvent
    {
        set { this.EndDragEvent = value; }
        get { return this._EndDragEvent; }
    }

    public override void OnBeginDrag(PointerEventData point)
    {
        base.OnBeginDrag(point);
        if (this._DOTweenTo != null)
            this._DOTweenTo.Pause();
        this._BeginDragPosition = this.content.localPosition;
        this._BeginDragEvent?.Invoke();
    }

    public override void OnDrag(PointerEventData point)
    {
        base.OnDrag(point);
        if (this._DOTweenTo != null)
        {
            this._DOTweenTo.Pause();
            this._DOTweenTo = null;
        }
        this._DragEvent?.Invoke();
    }

    public override void OnEndDrag(PointerEventData point)
    {
        base.OnEndDrag(point);
        this._IsDragEnd = true;
        this._ContentPosition = this.content.localPosition;
        this.LeftOrUpMove = this.horizontal ? this._BeginDragPosition.x > this._ContentPosition.x : this._BeginDragPosition.y < this._ContentPosition.y;
        this._EndDragEvent?.Invoke();
    }

    protected override void LateUpdate()
    {
        base.LateUpdate();
        if (this._UseMoveCenter && this._IsDragEnd)
        {
            Vector3 pos = this.content.localPosition;
            Vector3 offetset = pos - this._ContentPosition;
            if (Mathf.Abs(this.horizontal ? offetset.x : offetset.y) < 0.2f)
            {
                this._IsDragEnd = false;
                if (this._AutoMoveCenter)
                    this.OnItemMoveCenter(null, this._SkipAnimation, this._SkipDragDirection);
            }
            this._ContentPosition = pos;
        }
    }

    /// <summary>
    ///	设置中心滑动参数
    /// </summmary>
    /// <param name="auto">滑动结束后自动调用OnItemMoveCenter</param>
    /// <param name="skipAnimation">跳过动画直接设置中心位置</param>
    /// <parm name"skipDragDirection">忽略滑动方向,查找距离中心位置最近的item滑动</param>
    public void UseMoveMoveCenter(bool auto = true, bool skipAnimation = false, bool skipDragDirection = false)
    {
        this._UseMoveCenter = true;
        this._AutoMoveCenter = auto;
        this._SkipAnimation = skipAnimation;
        this._SkipDragDirection = skipDragDirection;
        _ContentPosition = Vector3.zero;
    }

    /// <summary>
    /// 将target滑动到中文位置,为null时选择距离中心点最近的item滑动
    /// </summary>
    /// <param name="target">目标item</param>
    /// <param name="skipAnimation">跳过动画直接设置中心位置</param>
    /// <param name="skipDragDirection">忽略滑动方向,查找距离中心位置最近的item滑动</param>
    public void OnItemMoveCenter(Transform target = null, bool skipAnimation = false, bool skipDragDirection = false)
    {
        int minIndex = 0;
        float distance = float.MaxValue;

        int count = this.content.childCount;
        if (count == 0)
            return;

        RectTransform scrollRectTrans = this.GetComponent<RectTransform>();
        Vector3 pos = scrollRectTrans.localPosition;
        //目标存在直接计算到中心位置的距离
        if (target != null)
        {
            RectTransform item = target.GetComponent<RectTransform>();
            // 使用Transform转换方法InverseTransformPoint,将item的世界坐标转化为Transform的局部坐标
            pos = scrollRectTrans.InverseTransformPoint(item.position);
            // 需要注意的事是item的锚点不同带来的偏差,这里锚点的标准值为(0.5f, 0.5f)即锚点在中心位置, 若不是标准值就要去除width和heigth的值
            Vector2 pivot = item.pivot;
            //滑动方向优先计算水平滑动,vertical
            distance = this.horizontal ? (0.5f - pivot.x) * item.rect.width - pos.x : (pivot.y - 0.5f) * item.rect.height - pos.y;
        }
        else
        {
            // 遍历计算,距离中心点最近的距离以及对应的索引值
            for (int i = 0; i < count; i++)
            {
                RectTransform item = this.content.GetComponent<RectTransform>();
                // 使用Transform转换方法InverseTransformPoint,将item的世界坐标转化为Transform的局部坐标
                pos = scrollRectTrans.InverseTransformPoint(item.position);
                // 需要注意的事是item的锚点不同带来的偏差,这里锚点的标准值为(0.5f, 0.5f)即锚点在中心位置, 若不是标准值就要去除width和heigth的值
                Vector2 pivot = item.pivot;
                //滑动方向优先计算水平滑动,vertical
                float dis = this.horizontal ? (0.5f - pivot.x) * item.rect.width - pos.x : (pivot.y - 0.5f) * item.rect.height - pos.y;
                if (Mathf.Abs(distance) > Mathf.Abs(dis))
                {
                    distance = dis;
                    minIndex = i;
                }
            }
        }

        bool dragDirection = !skipDragDirection && target == null;
        distance = this.horizontal ? this.CalculateHorizontalDistance(distance, minIndex, count, dragDirection) : this.CalculateVerticalDistance(distance, minIndex, count, dragDirection);

        pos = this.content.localPosition;
        if (this.horizontal)
            pos.x = distance;
        else
            pos.y = distance;
        // 跳过动画,直接设置坐标
        if (skipAnimation)
        {
            this.content.localPosition = pos;
            return;
        }

        //使用dotween动画移动, elasticity滑到头回弹的时间
        _DOTweenTo = (TweenerCore<Vector3, Vector3, VectorOptions>)this.content.DOLocalMove(pos, this.elasticity).OnComplete(() =>
        {
            this._DOTweenTo = null;
        });
    }

    /// <summary>
    /// 计算水平方向到中心点位置距离
    /// </summary>
    private float CalculateHorizontalDistance(float distance, int minIndex, int count, bool dragDirection)
    {
        RectTransform rect = this.GetComponent<RectTransform>();
        //防止回弹计算
        //当item为null时,查找距离中心点最近的item,并滑动到中心点,当鼠标拖拽滑动结束时,自动移动到中心点的方向可能与鼠标拖拽方向相反,因此需要计算,不要计算时将_SkipDragDirection 设置为true
        if (dragDirection)
        {
            int index = minIndex;
            float dis = distance;
            //使用while,是因为可能存在多列,相同列上的距离是一样的,需要多次查找拖拽方向上的item
            while (index < count && index >= 0 && dis == distance)
            {
                if (this.LeftOrUpMove)
                {
                    if (distance > 0)
                        index++;
                }
                else if (distance < 0)
                    index--;
                if (index == minIndex)
                    break;
                RectTransform item = this.content.GetChild(index).GetComponent<RectTransform>();
                Vector2 pivot = item.pivot;
                Vector3 pos = rect.InverseTransformPoint(item.position);
                distance = (pivot.x - 0.5f) * item.rect.width - pos.x;
            }

            distance += this.content.localPosition.x;
            if (this.movementType != ScrollRect.MovementType.Unrestricted)
            {
                if (distance >= 0)
                    distance = 0;
                else
                {
                    float dragMaxDistance = rect.rect.width - this.content.rect.width;
                    if (distance < dragMaxDistance)
                        distance = dragMaxDistance;
                }
            }
        }
        return distance;
    }

    /// <summary>
    /// 计算水平方向到中心点位置距离
    /// </summary>
    private float CalculateVerticalDistance(float distance, int minIndex, int count, bool dragDirection)
    {
        RectTransform rect = this.GetComponent<RectTransform>();
        //防止回弹计算
        //当item为null时,查找距离中心点最近的item,并滑动到中心点,当鼠标拖拽滑动结束时,自动移动到中心点的方向可能与鼠标拖拽方向相反,因此需要计算,不要计算时将_SkipDragDirection 设置为true
        if (dragDirection)
        {
            float dis = distance;
            int index = minIndex;
            //使用while,是因为可能存在多行,相同列上的距离是一样的,需要多次查找拖拽方向上的item
            while (index < count && index >= 0 && dis == distance)
            {
                if (this.LeftOrUpMove)
                {
                    if (distance < 0)
                        index++;
                }
                else if (distance > 0)
                    index--;
                if (index == minIndex)
                    break;

                RectTransform item = this.content.GetChild(index).GetComponent<RectTransform>();
                Vector2 pivot = item.pivot;
                Vector3 pos = rect.InverseTransformPoint(item.position);
                distance = (pivot.y - 0.5f) * item.rect.height - pos.y;
            }
        }
        distance += this.content.localPosition.y;
        //Unrestricted滑动到头没有回弹,有回弹的无法将最后或者最前的item移动到中心点位置
        if (this.movementType != ScrollRect.MovementType.Unrestricted)
        {
            if (distance <= 0)
                distance = 0;
            else
            {
                float dragMaxDistance = this.content.rect.height - rect.rect.height;
                if (distance > dragMaxDistance)
                    distance = dragMaxDistance;
            }
        }
        return distance;
    }
}

3、修改游戏场景中名为Scroll View游戏物体身上的ScrollRect组件，修改方式就是把ScrollRect组件替换成上述的UIScrollRect。

3-1、没修改前Scroll View游戏物体身上的ScrollRect组件效果如下所示。

在这里插入图片描述

3-2、修改后Scroll View游戏物体身上的ScrollRect组件效果如下所示。

在这里插入图片描述

4、修改TestScrollView脚本测试ScrollRect中元素自动定位到Viewport可见范围内是否可行，TestScrollView脚本完整代码如下。

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

public class TestScrollView : MonoBehaviour
{
    CZScrollRect scrollcomponent;

    GameObject item;
    ScrollRect m_ScrollRect;

    UIScrollRect m_UIScrollRect;
    GameObject m_targetGo;   //需要定位到的元素物体

    List<string> str_list = new List<string>
    {
        "元素1",
        "元素2",
        "元素3",
        "元素4",
        "元素5",
        "元素6",
        "元素7",
        "元素8",
        "元素9",
        "元素10",
        "元素11",
        "元素12",
        "元素13",
        "元素14",
        "元素15",
        "元素16",
        "元素17",
        "元素18",
        "元素19",
        "元素20"
    };

    private void Awake()
    {
        item = transform.Find("Viewport/Item").gameObject;
        m_ScrollRect = gameObject.GetComponent<ScrollRect>();
        m_UIScrollRect = gameObject.GetComponent<UIScrollRect>();

        scrollcomponent = new CZScrollRect();
        scrollcomponent.prefab = item;
        scrollcomponent.scrollRect = m_ScrollRect;
        scrollcomponent.onScrollObj = OnScrollObj;
        scrollcomponent.interval = 30;
        scrollcomponent.limitNum = 10000;
        scrollcomponent.Init();
    }

    private void Start()
    {
        if (str_list.Count == 0)
        {
            scrollcomponent.Refresh(0);
        }
        else
        {
            scrollcomponent.Refresh(str_list.Count);
        }
        Debug.Log("m_targetGo:" + m_targetGo);
        m_UIScrollRect.OnItemMoveCenter(m_targetGo.GetComponent<RectTransform>());
    }

    void OnScrollObj(GameObject obj, int index)
    {
        //假设我们想要让元素10在Viewport可见范围内居中显示
        if (index == 9)
        {
            m_targetGo = obj;
            obj.transform.Find("Text").GetComponent<Text>().text = "定位元素" + str_list[index];
        }
        else
        {
            obj.transform.Find("Text").GetComponent<Text>().text = str_list[index];
        }

        Debug.Log("obj name:" + obj.name + "       index:" + index);

        
    }
}

5、ScrollRect中元素自动定位到Viewport可见范围内效果展示，正是我们想要的让第10个元素在Viewport可见范围内居中显示。

在这里插入图片描述

三、注意事项

1、注意以下图中Scrollbar组件红框中元素的设置，最好和我的设置一样。

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/392344.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

代码随想录day24--回溯的应用3

代码随想录day24--回溯的应用3

LeetCode93.修复IP地址 题目描述&#xff1a; 有效 IP 地址 正好由四个整数&#xff08;每个整数位于 0 到 255 之间组成&#xff0c;且不能含有前导 0&#xff09;&#xff0c;整数之间用 . 分隔。 例如&#xff1a;"0.1.2.201" 和 "192.168.1.1" 是…
阅读更多...
安装luajit及使用python运行lua脚本

安装luajit及使用python运行lua脚本

使用Python运行lua脚本前&#xff0c;需要先安装LuaJIT&#xff0c;LuaJIT的官网是下载 (luajit.org) 目前已不再使用.exe文件的下载方式&#xff0c;需要使用Git从公共仓库下载源码&#xff0c;git命令为&#xff1a; $ git clone https://luajit.org/git/luajit.git 下载后…
阅读更多...
Open CASCADE学习|布尔运算

Open CASCADE学习|布尔运算

目录 1、加法&#xff1a;BRepAlgoAPI_Fuse 2、减法&#xff1a;BRepAlgoAPI_Cut 3、交集&#xff1a;BRepAlgoAPI_Common 4、交线&#xff1a;BRepAlgoAPI_Section 1、加法&#xff1a;BRepAlgoAPI_Fuse #include <gp_Pnt.hxx>#include <BRepPrimAPI_MakeBox.hxx…
阅读更多...
云计算基础 -NUMA

云计算基础 -NUMA

UMA UMA中文翻译叫&#xff1a;一致性内存访问 多个CPU通过同一根前端总线&#xff08;FSB&#xff09;来访问内存&#xff08;所有的内存访问都需要通过北桥芯片来完成&#xff09;&#xff0c;若多个CPU访问内存的不同内存单元还是相同内存单元&#xff0c;同一时刻&#x…
阅读更多...
Vuex核心知识整理

Vuex核心知识整理

目录 1 搭建vuex环境 2 求和案例 3 getters 配置项 4 mapState 和 mapGetters 5 mapMutations 和 mapActions 6 Vuex 模块化 1 搭建vuex环境 vuex工作原理图&#xff08;摘自官网&#xff09; 什么时候使用Vuex&#xff1a; 1.当多个组件依赖于统一状态 2.来自不同组件…
阅读更多...
2.15日学习打卡----初学Zookeeper(二)

2.15日学习打卡----初学Zookeeper(二)

2.15日学习打卡 目录: 2.15日学习打卡一. Zookeeper部署运行伪集群安装集群安装服务管理 二. Zookeeper系统模型数据模型节点特性客户端命令行节点数据信息Watcher监听机制权限控制 ACL 三. 原生api操作Zookeeper四. zkclient库操作Zookeeper五. Apache Curator操作Zookeeper六…
阅读更多...
不同的AI修改同一篇文章标题

不同的AI修改同一篇文章标题

提问AI 我写了一篇文章&#xff0c;请帮我把标题重新改一下&#xff1a;“比较不同AI分析同一个错误代码及给出解决方案的能力&#xff08;结果出我意料&#xff09;” 这篇文章的原地址为&#xff1a;https://blog.csdn.net/snans/article/details/136132211 答案对比结果&am…
阅读更多...
RegExp正则表达式左限定右限定左右限定,预查询,预查寻,断言 : (?＜= , (?= , (?＜! , (?!

RegExp正则表达式左限定右限定左右限定,预查询,预查寻,断言 : (?＜= , (?= , (?＜! , (?!

RegExp正则表达式左限定右限定左右限定,预查询,预查寻,断言 : (?< , (? , (?<! , (?! 有好多种称呼 (?< , (? , (?<! , (?! 有好多种称呼 , 我称为: 左限定, 右限定, 左否定, 右否定 (?<左限定)    (?右限定)(?<!左否定)    (?!右限定) 再…
阅读更多...
Linux|centos7下的编译|ffmpeg的二进制安装

Linux|centos7下的编译|ffmpeg的二进制安装

Windows版本的ffmpeg&#xff1a; ###注意&#xff0c;高版本可能必须要windows10以及以上才支持&#xff0c;win7估计是用不了的 下载地址&#xff1a;Builds - CODEX FFMPEG gyan.dev 或者这个下载地址&#xff1a;https://github.com/BtbN/FFmpeg-Builds/releases 这两个…
阅读更多...
C++面试宝典第28题：寻找丢失的数字

C++面试宝典第28题：寻找丢失的数字

题目 给定一个包含n个整数的数组nums，其中nums[i]在区间[1, n]内。请找出所有在[1, n]范围内，但没有出现在nums中的数字，并以数组的形式返回结果。 示例1： 输入：nums = [4, 3, 2, 7, 8, 2, 3, 1] 输出：[5, 6] 示例2： 输入：nums = [1, 1] 输出：[2] 解析 初看这道题，…
阅读更多...
基于飞腾ARM+FPGA国产化计算模块联合解决方案

基于飞腾ARM+FPGA国产化计算模块联合解决方案

联合解决方案概述 随着特殊领域电子信息系统对自主创新需求的日益提升&#xff0c;需不断开展国产抗恶劣环境计算整机及模块产 品的研制和升级。特殊领域电子信息系统的自主创新&#xff0c;是指依靠自身技术手段和安全机制&#xff0c;实现信息系统从硬 件到软件的自主研发…
阅读更多...
阿里云香港服务器详解_CN2线路测试_BGP多线精品测试

阿里云香港服务器详解_CN2线路测试_BGP多线精品测试

阿里云香港服务器中国香港数据中心网络线路类型BGP多线精品&#xff0c;中国电信CN2高速网络高质量、大规格BGP带宽&#xff0c;运营商精品公网直连中国内地&#xff0c;时延更低&#xff0c;优化海外回中国内地流量的公网线路&#xff0c;可以提高国际业务访问质量。阿里云服务…
阅读更多...
【python】网络爬虫与信息提取--正则表达式

【python】网络爬虫与信息提取--正则表达式

一、正则表达式 正则表达式是用来简洁表达一组字符串的表达式。是通用的字符串表达框架&#xff0c;简洁表达一组字符串的表达式&#xff0c;针对字符串表达“简洁”和“特征”思想的工具&#xff0c;判断某字符串的特征归属。 用处&#xff1a;表达文本类型的特征&#xff1b;…
阅读更多...
【JavaEE】_HTTP请求报头header

【JavaEE】_HTTP请求报头header

目录 1. Host 2. Content-Length与Content-Type 2.1 Content-Length 2.2 Content-Type 3. User-Agent&#xff08;UA&#xff09; 4. Referer 5. Cookie header的整体格式是“键值对”结构&#xff0c;一行是一个键值对&#xff0c;这些键值对都是HTTP定义好的、有特殊含…
阅读更多...
【Leetcode刷题笔记】27. 移除元素

【Leetcode刷题笔记】27. 移除元素

原题链接 Leetcode 27. 移除元素 题目 给你一个数组 nums 和一个值 val&#xff0c;你需要原地移除所有数值等于 val 的元素&#xff0c;并返回移除后数组的新长度。不要使用额外的数组空间&#xff0c;你必须仅使用 O(1) 额外空间并原地修改输入数组。元素的顺序可以改变。…
阅读更多...
算法练习-赎金信（思路+流程图+代码）

算法练习-赎金信（思路+流程图+代码）

难度参考 难度&#xff1a;中等 分类&#xff1a;哈希表 难度与分类由我所参与的培训课程提供&#xff0c;但需要注意的是&#xff0c;难度与分类仅供参考。且所在课程未提供测试平台&#xff0c;故实现代码主要为自行测试的那种&#xff0c;以下内容均为个人笔记&#xff0c;旨…
阅读更多...
C#，整数转为短字符串（Short string）的加解密算法与源代码

C#，整数转为短字符串（Short string）的加解密算法与源代码

1 整数转为短字符串的应用 网站生成的动态 URL 往往以内容序列号id为标识与参数&#xff0c;比如&#xff1a; http://www.jerry.com/tom.aspx?id1 使用 Web Rewrite&#xff0c;可以实现网页静态化&#xff0c;称为&#xff1a; http://www.jerry.com/content/1.html 对…
阅读更多...
FlashMeeting(基于FFmpeg+openCV)视频语音通讯系统

FlashMeeting(基于FFmpeg+openCV)视频语音通讯系统

Web端体验地址&#xff1a;https://download.csdn.net/download/XiBuQiuChong/88805337 客户端下载地址&#xff1a;https://download.csdn.net/download/XiBuQiuChong/88805337 FlashMeeting(基于FFmpegopenCV)是一整套先进的以FFmpegopenCV技术为基础的视频语音通讯系统。利…
阅读更多...
数据库设计、JDBC、数据库连接池

数据库设计、JDBC、数据库连接池

数据库设计 数据库设计概念 数据库设计就是根据业务 系统的具体需求&#xff0c;结合我们所选用的DBMS,为这个业务系统构造出最优的数据存储模型。建立数据库中的表结构以及表与表之间的关联关系的过程。有哪些表?表里有哪些字段?表和表之间有什么关系? 数据库设计的步骤…
阅读更多...
Java并发基础：ConcurrentSkipListSet全面解析！

Java并发基础：ConcurrentSkipListSet全面解析！

内容概要 ConcurrentSkipListSet类在多线程环境下&#xff0c;它能够轻松应对大量的插入、删除和查找操作&#xff0c;同时保持数据的完整性和一致性&#xff0c;其内部基于跳表数据结构的实现&#xff0c;确保了即使在处理大规模数据时&#xff0c;也能具有出色的性能表现。 …
阅读更多...
最新文章

Copyright @ 2022~2023