NGUI实现的一套不同大小 Item 的循环滚动代码

测试:

数据 & Item  的 Ctrl :

using UnityEngine;

public class ScrollViewItemData
{
    public int index;
    public string name;
    public ScrollViewItemData(int index, string name)
    {
        this.index = index;
        this.name = name;
    }
}


public class ScrollViewItem : MonoBehaviour
{
    UISprite sprBG;
    UILabel label;
    public ScrollViewItemData data;

    void Awake()
    {
        sprBG = GetComponent<UISprite>();
        label = transform.Find("Label").GetComponent<UILabel>();
    }

    public Vector3 BgSize
    {
        get
        {
            if (null != sprBG)
                return sprBG.localSize;
            return Vector3.zero;
        }

    }

    public int BgHeigth
    {
        get
        {
            if (null != sprBG)
                return sprBG.height;
            return 0;
        }
    }

    public void SetData(ScrollViewItemData data, int index)
    {
        this.data = data;
        label.text = data.name;
        sprBG.Update();
        //sprBG.ForceUpdate();
        this.gameObject.name = index.ToString();
    }
}

Item 大小一致的实现代码:

using System.Collections.Generic;
using UnityEngine;

public class ScrollViewManager : MonoBehaviour
{
    [SerializeField]
    GameObject itemPrefab;

    List<ScrollViewItem> itemList = new List<ScrollViewItem>();
    List<ScrollViewItemData> itemDataList = new List<ScrollViewItemData>();

    UIScrollView sv;
    UIGrid grid;

    //记录scrollviet上一次的位置，用于判断scrollview的移动方向
    float svLastPos = 0;

    //最大y坐标
    float maxHeight = 0;

    //最小y坐标
    float minHeight = 0;

    // Use this for initialization
    void Start()
    {
        //初始化测试数据

        for (int i = 0; i < 50; i++)
        {
            itemDataList.Add(new ScrollViewItemData(i, "第 " + (i + 1) + " 个元素"));
        }


        sv = transform.GetComponent<UIScrollView>();
        grid = transform.Find("Grid").GetComponent<UIGrid>();

        Vector2 viewsize = transform.GetComponent<UIPanel>().GetViewSize();
        int count = (int)(viewsize.y / grid.cellHeight + 2);
        Debug.Log(count);
        for (int i = 0; i < count; i++)
        {
            if (itemDataList.Count <= i)
                break;

            GameObject obj = NGUITools.AddChild(grid.gameObject, itemPrefab);

            ScrollViewItem item = obj.GetComponent<ScrollViewItem>();
            itemList.Add(item);

            item.SetData(itemDataList[i], i);
        }
        grid.repositionNow = true;
        grid.Reposition();

        svLastPos = grid.transform.localPosition.y;

        maxHeight = viewsize.y / 2 + grid.cellHeight / 2;

        minHeight = -maxHeight;

        itemPrefab.SetActive(false);

    }

    // Update is called once per frame
    void Update()
    {
        float moveDis = sv.transform.localPosition.y - svLastPos;
        if (Mathf.Abs(moveDis) > 0.05)
        {
            bool isup = moveDis > 0;
            if (isup)
            {
                while (itemList[0].transform.localPosition.y + sv.transform.localPosition.y > maxHeight &&
                       itemList[itemList.Count - 1].data.index < itemDataList.Count - 1)
                {
                    ScrollViewItem item = itemList[0];
                    item.SetData(itemDataList[itemList[itemList.Count - 1].data.index + 1], item.data.index);

                    itemList.Add(item);
                    itemList.RemoveAt(0);

                    item.transform.localPosition = itemList[itemList.Count - 2].transform.localPosition - new Vector3(0, grid.cellHeight, 0);
                }
            }
            else
            {
                while (itemList[itemList.Count - 1].transform.localPosition.y + sv.transform.localPosition.y < minHeight &&
                    itemList[0].data.index > 0)
                {
                    ScrollViewItem item = itemList[itemList.Count - 1];
                    item.SetData(itemDataList[itemList[0].data.index - 1], item.data.index);

                    itemList.Insert(0, item);
                    itemList.RemoveAt(itemList.Count - 1);

                    item.transform.localPosition = itemList[1].transform.localPosition + new Vector3(0, grid.cellHeight, 0);
                }
            }

            svLastPos = sv.transform.localPosition.y;
        }
    }
}

Item 大小不一致的代码实现:

using System;
using System.Collections;
using System.Collections.Generic;
using System.Text;
using UnityEngine;

public class GUIScrollViewManager : MonoBehaviour
{
    [SerializeField]
    GameObject itemPrefab;

    List<ScrollViewItem> itemList = new List<ScrollViewItem>();
    List<ScrollViewItemData> itemDataList = new List<ScrollViewItemData>();
    List<String> strList = new List<string>();

    UIScrollView sv;
    UITable table;

    //记录scrollviet上一次的位置，用于判断scrollview的移动方向
    float svLastPos = 0;

    //最大y坐标
    float maxHeight = 288.0f;

    //最小y坐标
    float minHeight = -288.0f;

    const string tmpStr = "初始化测试数据";
    const int Count = 50;

    // Use this for initialization
    void Start()
    {
        //初始化测试数据
        System.Random random = new System.Random();
        StringBuilder sb = new StringBuilder();

        int sbCounter = 0;
        for (int i = 0; i < Count; i++)
        {
            int tmpCount = random.Next(3, 15);
            sbCounter = 0;
            while (sbCounter < tmpCount)
            {
                ++sbCounter;
                sb.Append(tmpStr);
            }
            itemDataList.Add(new ScrollViewItemData(i, "第 " + (i + 1) + " 个元素" + sb.ToString()));
            sb.Remove(0, sb.Length);

        }

        sv = transform.GetComponent<UIScrollView>();
        table = transform.Find("Table").GetComponent<UITable>();

        int count = 10;
        for (int i = 0; i < count; i++)
        {
            if (itemDataList.Count <= i)
                break;

            GameObject obj = NGUITools.AddChild(table.gameObject, itemPrefab);
            ScrollViewItem item = obj.GetComponent<ScrollViewItem>();
            itemList.Add(item);

            item.SetData(itemDataList[i], i);
        }

        table.Reposition();

        itemPrefab.SetActive(false);
    }

    void Update()
    {
        float moveDis = sv.transform.localPosition.y - svLastPos;

        if (Mathf.Abs(moveDis) > 0.05)
        {
            bool isup = moveDis > 0;
            if (isup)
            {
                float height = NGUIMath.CalculateRelativeWidgetBounds(itemList[0].transform).size.y;
                while (itemList[0].transform.localPosition.y + sv.transform.localPosition.y - height > maxHeight &&
                       itemList[itemList.Count - 1].data.index < itemDataList.Count - 1)
                {
                    ScrollViewItem item = itemList[0];
                    item.SetData(itemDataList[itemList[itemList.Count - 1].data.index + 1], item.data.index);

                    itemList.Add(item);
                    itemList.RemoveAt(0);

                    float _height = NGUIMath.CalculateRelativeWidgetBounds(itemList[itemList.Count - 2].transform).size.y;
                    item.transform.localPosition = itemList[itemList.Count - 2].transform.localPosition - new Vector3(0, _height + 4, 0);
                }
            }
            else
            {
                while (itemList[itemList.Count - 1].transform.localPosition.y + sv.transform.localPosition.y < minHeight &&
                    itemList[0].data.index > 0)
                {
                    ScrollViewItem item = itemList[itemList.Count - 1];
                    item.SetData(itemDataList[itemList[0].data.index - 1], item.data.index);

                    itemList.Insert(0, item);
                    itemList.RemoveAt(itemList.Count - 1);

                    float _height = NGUIMath.CalculateRelativeWidgetBounds(item.transform).size.y;
                    item.transform.localPosition = itemList[1].transform.localPosition + new Vector3(0, _height + 4, 0);
                }

            }

            svLastPos = sv.transform.localPosition.y;
        }
    }
}

以上两种情况下 Prefab 的结构如下:

效果:

  

具体到项目中的实现代码(只记录了大致逻辑，具体细节无记录):

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

/// <summary>
/// Item 大小可变的动态循环列表实现（只支持竖向，暂且未实现对横向的支持）
/// 该脚本需要挂在 UIScrollView  所在的 gameObject 上
/// </summary>
public class DynamicFlexibleSizeScrollView : MonoBehaviour
{
    //定义的一些 delegate 为了，实现组件的通用化，把逻辑的实现下放到具体的实例中
    public delegate void OnInitItem(DFSItemCtrl item, DFSItemData data);
    public delegate void OnHideAllItem(List<DFSItemCtrl> itemList);
    public delegate DFSItemCtrl OnGetItemCtrl();
    public delegate void OnRecycleAllChatInfoCell(List<DFSItemCtrl> list);


    [SerializeField]
    Vector2 originalPanelClipOffset = new Vector2(0, 0);
    [SerializeField]
    Vector3 originalPanelPosition = new Vector3(0, 0, 0);
    [SerializeField]
    Vector3 originalTablePosition = new Vector3(0, 0, 0);
    [SerializeField]
    float maxHeight;        //最大y坐标
    [SerializeField]
    float minHeight;        //最小y坐标
    [SerializeField]
    int itemCount = 10;     //创建多少数量的 item 来做循环滚动
    [SerializeField]
    float offset = 6.0f;    //item 中间空出的距离

    float svLastPos = 0;        //记录scrollviet上一次的位置，用于判断scrollview的移动方向
    List<DFSItemCtrl> itemList = new List<DFSItemCtrl>();
    List<DFSItemData> itemDataList = new List<DFSItemData>();
    UIScrollView sv;
    UIPanel currUIPanel;
    UITable table;            //只是在初始化的时候会用到,在滑动的时候,不会再次操作该组件

    void InitNGUIComponent()
    {
        if (null == sv)
            sv = GetComponent<UIScrollView>();

        if (null != sv && null == currUIPanel)
            currUIPanel = sv.panel;

        if (null == table)
            table = GetComponentInChildren<UITable>();
    }

    public float MaxHeight
    {
        set { maxHeight = value; }
    }

    public float MinHeight
    {
        set { minHeight = value; }
    }

    public OnInitItem onInitItem;   //刷新 item
    public OnHideAllItem onHideAllItem;  //隐藏所有 item

    public OnGetItemCtrl getItemCtrl;
    public OnRecycleAllChatInfoCell recycleAllChatInfoCell;


    bool CheckContainData(DFSItemData data)
    {
        if (null != data)
        {
            for (int i = 0, iMax = itemDataList.Count - 1; i <= iMax; ++i)
            {
                if (itemDataList[i].Index == data.Index)
                    return true;
            }
        }

        return false;
    }

    void AddData(DFSItemData data)
    {
        if (!CheckContainData(data))
        {
            itemDataList.Add(data);
        }
    }

    DFSItemCtrl tmpCtrl = null;
    public void ShowSingleItem(DFSItemData data)
    {
        if (null == data) return;

        InitNGUIComponent();

        AddData(data);

        if (itemList.Count < itemCount)
        {
            AddItem(data);

            if (null != table)
                table.Reposition();

            if (null != sv)
                sv.ResetPosition();
        }
        else
        {
            AutoDragUIPanelByData(data);
        }
    }

    void AutoDragUIPanelByData(DFSItemData data)
    {
        if (null != data)
        {
            if (null != getItemCtrl)
            {
                //从池中拿出一个 item 计算 panel 需要移动的位置
                if (null == tmpCtrl)
                    tmpCtrl = getItemCtrl();

                if (null != tmpCtrl && null != onInitItem)
                {
                    onInitItem(tmpCtrl, data);
                    float height = NGUIMath.CalculateRelativeWidgetBounds(tmpCtrl.transform).size.y;
                    Vector2 vec2 = new Vector2(0, height + offset);
                    SetPanelClipOff(vec2);
                    tmpCtrl.cachedGameObject.SetActive(false);
                }
            }
        }
    }

    void SetPanelClipOff(Vector2 vec2)
    {
        Vector2 tmpOff = currUIPanel.clipOffset;
        tmpOff -= vec2;
        currUIPanel.clipOffset = tmpOff;

        Vector3 tmpPos = currUIPanel.cachedTransform.localPosition;
        tmpPos = new Vector3(tmpPos.x, -tmpOff.y, 0);
        currUIPanel.cachedTransform.localPosition = tmpPos;
    }

    public void ShowAllItems(List<DFSItemData> dataList)
    {
        if (null == dataList) return;

        svLastPos = 0;
        InitNGUIComponent();

        if (null != sv)
        {
            currUIPanel.clipOffset = originalPanelClipOffset;
            sv.transform.localPosition = originalPanelPosition;
        }
        if (null != table)
            table.transform.localPosition = originalTablePosition;

        //数据保存
        for (int i = 0, iMax = dataList.Count; i < iMax; ++i)
            AddData(dataList[i]);


        //如果数据数量大于了创建的item数量,自动滑动panel
        if (itemDataList.Count > itemCount)
        {
            int i = itemDataList.Count - itemCount,
                iMax = itemDataList.Count;
            for (; i < iMax; ++i)
            {
                AddItem(itemDataList[i]);
            }
        }
        else
        {
            for (int i = 0; i < itemCount; ++i)
            {
                if (itemDataList.Count <= i) break;
                AddItem(itemDataList[i]);
            }

        }

        ResetPanelStatus();
    }

    void ResetPanelStatus()
    {
        if (null != table)
            table.Reposition();
        if (null != sv)
            sv.ResetPosition();
    }

    public void RecycleAllChatInfoCell()
    {
        if (null != recycleAllChatInfoCell)
            recycleAllChatInfoCell(itemList);
        itemDataList.Clear();
    }

    void AddItem(DFSItemData data)
    {
        DFSItemCtrl item = null;
        if (null != getItemCtrl)
            item = getItemCtrl();

        if (null != data && null != item && null != onInitItem)
        {
            this.itemList.Add(item);
            item.cachedTransform.parent = table.transform;
            onInitItem(item, data);
        }
    }

    void Update()
    {
        if (null == onInitItem || null == itemDataList || itemList.Count <= 0) return;

        float moveDis = sv.transform.localPosition.y - svLastPos;

        if (Mathf.Abs(moveDis) > 0.05)
        {
            bool isup = moveDis > 0;
            if (isup)
            {
                float height = NGUIMath.CalculateRelativeWidgetBounds(itemList[0].transform).size.y;
                while (itemList[0].transform.localPosition.y + sv.transform.localPosition.y - height > maxHeight &&
                       itemList[itemList.Count - 1].Data.Index < itemDataList.Count - 1)
                {
                    DFSItemCtrl item = itemList[0];
                    DFSItemData data = itemDataList[itemList[itemList.Count - 1].Data.Index + 1];
                    onInitItem(item, data);

                    itemList.Add(item);
                    itemList.RemoveAt(0);

                    float _height = NGUIMath.CalculateRelativeWidgetBounds(itemList[itemList.Count - 2].transform).size.y;
                    item.transform.localPosition = itemList[itemList.Count - 2].transform.localPosition - new Vector3(0, _height + offset, 0);
                }
            }
            else
            {
                while (itemList[itemList.Count - 1].transform.localPosition.y + sv.transform.localPosition.y < minHeight &&
                    itemList[0].Data.Index > 0)
                {
                    DFSItemCtrl item = itemList[itemList.Count - 1];
                    DFSItemData data = itemDataList[itemList[0].Data.Index - 1];
                    onInitItem(item, data);

                    itemList.Insert(0, item);
                    itemList.RemoveAt(itemList.Count - 1);

                    float _height = NGUIMath.CalculateRelativeWidgetBounds(item.transform).size.y;
                    item.transform.localPosition = itemList[1].transform.localPosition + new Vector3(0, _height + offset, 0);
                }
            }

            svLastPos = sv.transform.localPosition.y;
        }
    }
}

/// <summary>
/// 列表中显示的 Item  ,应用到项目的时候,实际的 Item 可以继承自该类
/// </summary>
public class DFSItemCtrl : MonoBehaviour
{
    protected DFSItemData data;

    public DFSItemData Data
    {
        get { return data; }
    }

    GameObject obj = null;
    public GameObject cachedGameObject
    {
        get
        {
            if (null == obj)
                obj = gameObject;
            return obj;
        }
    }

    Transform tran = null;
    public Transform cachedTransform
    {
        get
        {
            if (null == tran)
                tran = transform;
            return tran;
        }
    }

    public void ForceUpdateItemSize()
    {

    }

    public virtual void SetData(DFSItemData data,params UnityEngine.Object[] list)
    {
        if (null != data)
        {
            this.data = data;
            ChatInfo info = data as ChatInfo;
            this.cachedGameObject.name = info.Index.ToString();
        }

        //强制刷新一下 Item 的大小
        ForceUpdateItemSize();
    }
}

/// <summary>
/// ItemData ,应用到项目的时候,实际的数据可以继承自该类
/// </summary>
public class DFSItemData
{
    int index = -1;

    public virtual int Index
    {
        get { return index; }
        set { index = value; }
    }
}

效果: