UGUI（三）无限循环列表

循环列表其实是针对列表组件的优化，如果有1000条数据普通列表会创建1000个item，这样在打开或关闭界面时会有很明显的卡顿现象。所以趁现在有空就尝试做个demo。NGUI的例子中有循环列表的例子，但是要用到项目中还得琢磨一阵子，而且这种功能自己尝试写一写是很好的事情。

先上图：

图中显示到1000条数据的位置，但是注意红框中的item个数它只有11个，所以界面打开关闭也不会有明显的卡顿，原理并不复杂，当滑动条向下滑时，第一个超过显示区域时就移动到最下面；当滑动条向上滑时，最后一个超过显示区域就移动到最上面，然后从数据集合中取出数据进行显示，如此循环即可。

 

1.先看看封装之后逻辑层的使用

只需要传入【列表的最大数量】和【更新item的回调事件】这两个参数。

刷新界面的代码在封装界面时就可以很*的进行编写，嘿嘿，是不是超方便^_^？！

代码如下：

 

2.以下是列表的封装

初版代码如下(并不是十分完善只有垂直方向)：

0. using UnityEngine;  
1. using System.Collections;  
2. using System.Collections.Generic;  
3. using UnityEngine.UI;  
4.   
5. public delegate void UpdateListItem(Transform item, int index);  
6. public class UIComUnList : MonoBehaviour {  
7.   
8.     // UI对象绑定  
9.     public Transform m_itemParent;  
10.     public GameObject m_item;  
11.     public Scrollbar m_sb;  
12.   
13.     // 外部参数设置  
14.     public int m_itemWidth;     //单元格宽  
15.     public int m_itemHeight;    //单元格高  
16.   
17.     public int m_fixedColumnCount;  // 固定列数  
18.     public int m_fixedColCount;     // 固定行数  
19.   
20.     // 内部私有遍历  
21.     private Vector2 m_allItemArea = Vector2.zero;  // 当前所有内容高度  
22.     private Vector2 m_showArea = Vector2.zero;     // 当前显示局域  
23.   
24.     // 前后的单元格位置  
25.     private Vector2 m_firstItemPos = Vector2.zero;  
26.     private Vector2 m_lastItemPos = Vector2.zero;  
27.   
28.     // 数据处理  
29.     private int m_listMaxLength = 0;  
30.     private int m_curShowStartIndex = 0;  
31.     private int m_curShowEndIndex = 0;  
32.   
33.     // 更新item内容  
34.     private UpdateListItem m_updateItem;  
35.   
36.     private float m_curSbVal = 0; //记录当前值用于获取滑动方向  
37.     // 初始化  
38.     public void Init(int maxLength, UpdateListItem updateItem)  
39.     {  
40.         m_showArea = GetComponent().sizeDelta;  
41.         m_item.SetActive(false);  
42.         m_firstItemPos.y += m_itemHeight;  
43.         m_curSbVal = m_sb.value;  
44.         m_curShowEndIndex = m_fixedColCount;  
45.   
46.         m_listMaxLength = maxLength;  
47.         m_updateItem = updateItem;  
48.         for (int i = 0; i < m_fixedColCount + 1; i++)  
49.         {  
50.             Transform item = CreateItem(i);  
51.             m_updateItem(item, i);  
52.         }  
53.     }  
54.     // 创建item  
55.     private Transform CreateItem(int index)  
56.   {  
57.         Transform item =  
58.             ((GameObject)GameObject.Instantiate(m_item)).transform;  
59.         item.gameObject.SetActive(true);  
60.         item.SetParent(m_itemParent);  
61.   item.name = index.ToString();  
62.         // 1.行  
63.         int row = index / m_fixedColumnCount;  
64.         // 2.列  
65.         int col = index % m_fixedColumnCount;  
66.         item.localPosition = new Vector3(col * m_itemWidth, -1 * row * m_itemHeight, 0f);  
67.   
68.         m_allItemArea.y = (row + 1) * m_itemHeight;  
69.         m_lastItemPos.y = -1 * (int)m_allItemArea.y;  
70.         return item;  
71.   }  
72.   
73.     // 滑动条值改变时调用  
74.     public void OnDragSlider(float val)  
75.     {  
76.         UpdateListByFloat(m_sb.value * (m_listMaxLength - m_fixedColCount));  
77.     }  
78.     // 通过一个浮点值滑动列表  
79.     public void UpdateListByFloat(float val)  
80.     {  
81.         UpdateListPos(val);  
82.         if (val > m_curSbVal)  
83.         {  
84.             if (m_curShowEndIndex >= m_listMaxLength - 1) return;  
85.             UpdateItemPos(true);  
86.         }  
87.         else  
88.         {  
89.             if (m_curShowStartIndex <= 0) return;  
90.             UpdateItemPos(false);  
91.         }  
92.         m_curSbVal = val;  
93.     }  
94.     // 更新item父节点位置  
95.     private void UpdateListPos(float val)  
96.     {  
97.         // 获取多出来的高度  
98.         float excess = 0f;  
99.         if (m_allItemArea.y > m_showArea.y)  
100.         {  
101.             excess = m_allItemArea.y - m_showArea.y;  
102.         }  
103.         m_itemParent.localPosition = new Vector2(0, excess * val);  
104.     }  
105.     // 更新item位置  
106.     private void UpdateItemPos(bool isDown)  
107.     {  
108.         if (isDown)  // 下滑  
109.         {  
110.             for (int i = 0; i < m_itemParent.childCount; i++)  
111.             {  
112.                 Transform item = m_itemParent.GetChild(i);  
113.                 float curPos = item.localPosition.y + m_itemParent.localPosition.y;  
114.                 if (curPos > m_itemHeight)  
115.                 {  
116.                     item.localPosition = new Vector3(0, m_lastItemPos.y, 0);  
117.                     m_lastItemPos.y -= m_itemHeight;  
118.                     m_firstItemPos.y -= m_itemHeight;  
119.   
120.                     m_updateItem(item, m_curShowEndIndex + 1);  
121.                     m_curShowStartIndex ++;  
122.                     m_curShowEndIndex++;  
123.                     //break;  
124.                 }  
125.             }  
126.         }  
127.         else  
128.         {  
129.             for (int i = m_itemParent.childCount - 1; i >=0 ; i--)  
130.             {  
131.                 Transform item = m_itemParent.GetChild(i);  
132.                 float curPos = item.localPosition.y + m_itemParent.localPosition.y;  
133.                 if (curPos < -1 * m_showArea.y)  
134.                 {  
135.                     item.localPosition = new Vector3(0, m_firstItemPos.y, 0);  
136.                     m_firstItemPos.y += m_itemHeight;  
137.                     m_lastItemPos.y += m_itemHeight;  
138.   
139.                     m_updateItem(item, m_curShowStartIndex - 1);  
140.                     m_curShowEndIndex --;  
141.                     m_curShowStartIndex--;  
142.                     //break;  
143.                 }  
144.             }  
145.         }  
146.     }  
147. }

 

注：这种功能就算没有实现也不会成为游戏开发中的瓶颈，因为有很多方式可以避免数据量大引起卡顿的情况，比如使用分页，限制显示数量上限等。