NGUI3.5系列教程之 一些小功能的实现

(一)可拖动窗体的实现：

1：添加一个Sprite为鼠标点击区域，改名为：DragSprite

2：给DragSprite添加Collider

3：给DragSprite添加Drag Object ，脚本为"UIDrag Object"

4：为UIDrag Object下的Target赋值：拖动Panel到Target。



当我们拖动窗体时，有可能把窗体拖出屏幕外面，我们可以勾选UIDragObject的KeepVisible，然后把拖动区域的图片设置到ContentRect下，这样当窗体跑出屏幕后，会被自动弹回来



(二)改变窗体大小的实现：

UIDragResize脚本



1：添加一个Sprite为鼠标点击Drag区域

2：将该Sprite锚定到顶层Sprite的右下角

3：给该Sprite添加Collider

4：给该Sprite添加Drag-Resize Widget，脚本为"UIDragResize"

5：为UIDragResize下的Target赋值：拖动顶层的Sprite添加到Target。

5：设置Pivot为BottomRight，此为改变大小的点。

（三）ScrollView的实现

1.添加滚动条即ScrollBar。

　滚动条我要做成横向的，所以把Direction设置成：LeftToRight；



　调整Background 和Foreground的长度，两者的Dimensions的长必须一致，宽根据自己的感觉调整，无所谓；

（2）创建一个ScrollView。

　调整好ScrollView上UIPanel的裁剪区域。

　　




调整UIScrollView ：

　　Content Origin :这是下面子项目的对齐方式，为了从左边开始，将其设置成Left

Movement: Horizontal 即水平位移

　　其他的默认即可

将刚才创建的ScrollBar赋值到ScrollBars下的Horizontal。如果要做垂直方向的要赋值到Vertical下。。



（3）添加UIGrid，此脚本为子项排布

　　Arragement:排布方向

　　　　　　　　Horizontal：水平方向

　　　　　　　　Vertical：垂直方向

　　Cell Width: 每个子项占据的宽度

　　Cell Height： 每个子项占据的高度



（4）在ScrollView下创建子项。

　随意创建几个button。

　 然后运行就能看到效果了。



（5）实现子项的拖拽

　　只需为每个button添加UIDragScrollView，就能实现点击拖拽功能了。很简单吧。。。