纳金网

标题: NGUI中的scrollview使用心得 [打印本页]

作者: 狂风大尉 时间: 2014-10-31 23:43
标题: NGUI中的scrollview使用心得
在使用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);

作者: tianhett 时间: 2014-11-1 14:15
Thanks For Sharing！！！

作者: hyui 时间: 2014-11-3 03:50
Great share !

作者: 我不再年轻 时间: 2014-11-6 14:22
不错的教学，多谢分享！

作者: weihaoxuan1 时间: 2014-12-25 23:25
我觉得把Scrollview不显示的隐藏掉比较合理吧

欢迎光临纳金网 (http://go.narkii.com/club/)