NGUI3.5.3 如何使用拖拽控件之拖拽属性详解

上一节讲到如何创建和使用拖拽控件,本章节根据上一章节为基础,如果看不懂的童鞋请移步至上一节。首先还是先来看一下三层结构

自上而下可以分为三层:

拖拽层

排列层

拖拽子项

 

看过上一章节还记得各层都绑定了什么脚本吗?让我们来回忆一下。拖拽层绑定了一个叫Scroll View的脚本,排列层绑定了一个叫Grid的脚本,拖拽子层绑定了一个叫Drag Scroll View和一个Box Collider的碰撞器。接下来让我们详细的看一下各层脚本参数。

拖拽层Scroll View的参数:

 

 

Content Origin:控制拖拽子项的起始位置。共有9个选项,选择以后可以立即看到效果,可以自己动手试试。

Movement:该项决定拖拽的方向,有水平与垂直两个选项。

Drag Effect:拖拽效果,有三个选项,None、Momentum与MomentumAndSpring,None不使用任何效果,Momentum表示使用动量效果,(动量与None在效果上看不出任何差异),MomentumAndSpring带有弹力效果,使用该效果在运行时会自动生成一个Spring Panel的脚本。

 

 

拖拽层Grid的参数:

 

Grid起到对子物体排列的功能。Arrangement表示排列方向,可选垂直和水平,由托子层决定。Max Per Line:如果Arrangement为垂直的,则表示为行数(变成了一个表格行数为Max Per Line指定值,列数为总子项数/Max Per Line[能整除的为整除数,不能整除为取整+1]),如果Arrangement为水平的则表示为列数。Cell Width与Cell Height为列宽与列高,由拖拽子层项觉得其高宽。Animate Smoothly待研究。Sorted排序根据name重新排序。Hide Inactive 隐藏不活动的子物体,当该项勾选上以后,子物体有Active为false的项,Grid不会占位。Keep Within Panel 待研究。

 

 

拖拽子层Drag Scroll View与Box Collider的参数:

 

Drag Scroll View的Scroll View 属性可以指定特定的带有Scroll View的拖拽层,如果不指定在运行时会自动匹配父节点带有绑定Scroll View的拖拽层。

Box Collider作为碰撞器的一种,后期会出一个专门的系列来讲。这里只需要注意Size就可以了。