[GUI] NGUI中的scrollview使用心得

[复制链接]

狂风大尉

2722 主题	42 听众	3万积分

资深设计师

Rank: 7 Rank: 7 Rank: 7

纳金币: 38268
精华: 111

电梯直达

楼主

发表于 2014-10-31 23:43:26 |只看该作者 |倒序浏览

在使用NGUI的Scroll View的时候，碰到Scroll Item太多的话（超过100个），在滑动的过程中就会明显掉帧。究其原因就是NGUI每帧会对所有的Scroll Item进行更新，无论它是否显示。

NGUI 3.5.5加入了UIWrapContent，它会将不显示的Scroll Item设为disabled，这样就使得每帧更新的Scroll Item减少到当前显示的那几个，就再也不会出现掉帧的情况了。

不过UIWrapContent只能创建循环的Scroll View，不过只需要简单的几处修改，就能实现在普通的Scroll View上。

复制一份UIWrapContent.cs，重命名为UIBetterGrid.cs，修改类名

// line: 19 - 20, file: UIWrapContent.cs[AddComponentMenu("NGUI/Interaction/Wrap Content")]public class UIWrapContent : MonoBehaviour

修改后的代码如下：
// line: 19 - 20, file: UIBetterGrid.cs[AddComponentMenu("NGUI/Interaction/Better Grid")]public class UIBetterGrid : MonoBehaviour
修改初始化代码

// line: 52 - 54, file: UIWrapContent.csmScroll.restrictWithinPanel = false;if (mScroll.dragEffect == UIScrollView.DragEffect.MomentumAndSpring)mScroll.dragEffect = UIScrollView.DragEffect.Momentum;

修改后的代码如下：

// line: 52 - 54, file: UIBetterGrid.csmScroll.restrictWithinPanel = true;//if (mScroll.dragEffect == UIScrollView.DragEffect.MomentumAndSpring)//mScroll.dragEffect = UIScrollView.DragEffect.Momentum;
注释创建首尾循环的代码

// line 159 - 170, file: UIBetterGrid.cs //if (distance < -extents)//{// t.localPosition += new Vector3(extents * 2f, 0f, 0f);// distance = t.localPosition.x - center.x;// UpdateItem(t, i);//}//else if (distance > extents)//{// t.localPosition -= new Vector3(extents * 2f, 0f, 0f);// distance = t.localPosition.x - center.x;// UpdateItem(t, i);//} // line 190 - 201, file: UIBetterGrid.cs//if (distance < -extents)//{// t.localPosition += new Vector3(0f, extents * 2f, 0f);// distance = t.localPosition.y - center.y;// UpdateItem(t, i);//}//else if (distance > extents)//{// t.localPosition -= new Vector3(0f, extents * 2f, 0f);// distance = t.localPosition.y - center.y;// UpdateItem(t, i);//}
修改UIScrollView.cs

// line 173, file: UIWrapContent.csmBounds = NGUIMath.CalculateRelativeWidgetBounds(mTrans, mTrans);

修改后的代码如下：

// line 173, file: UIBetterGrid.cs mBounds = NGUIMath.CalculateRelativeWidgetBounds(mTrans, mTrans,true);