怎么建立scrollview

   声明:   本博客文章原创类别的均为我的原创,版权全部。转载请注明出处: http://blog.csdn.net/ml3947,另外本人的我的博客:http://www.wjfxgame.comweb

 

 本教程中,将会教你们建立一个基本的ScrollView。ide

 因为NGUI官方的教程示例比较的复杂,不少刚开始学习NGUI的人有点摸不着头脑。下面我将从头开始带领你们建立一个简单的ScrollView。学习

 首先经过NGUI-Open the UI Wizard建立一个基本的UI目录。spa

 

   而后经过Component–NGUI–Interaction–Draggable Panel,给Panel添加一个Draggable Panel脚本。.net

  

 

    注意这里的Scale里设置x为1,y,z为0。代表咱们只支持x轴方向的拖动。orm

    将Panel的Clipping设置为Soft Clip,而后调整Panel的可显示区域。blog

    接着在Panel的下面建立一个空的GameObject,更名为UIGrid。教程

    目前的结构以下:事件

    

 

   而后在UIGrid下建立一个空Object,更名为Item。在Item下面建立你本身的UI控件。我只是简单的建立了Label。而后给Item上面添加JComponents – NGUI – Interaction – Drag Panel Contents脚本。而后NGUI — Attach a Collider。这里是很重要的,若是不Attach a Collider,将不会收到拖动的事件。ip

   接着复制多个这个Item,改变每一个Item的位置便可。

   

  

 

  这样,一个简单的ScrollView就实现了。咱们能够用对内容进行拖动。内容只会在Panel可显示范围内显示。

  另外,Draggable Panel脚本中,有个Restrict WithInPanel 属性,能够限制拖动。当拖动到一边没有内容了以后,它会自动还原。就像Android中ListView之类的效果。

  转载请注明出处:http://blog.csdn.net/ml3947

相关文章
相关标签/搜索