NGUI 背包 Scroll View 裁切Clipping 格子排序

Scroll View 属性

 

1、Content Origin 

： 控制 panle 相对的 Scroll View 的位置。

 

2、Movement（运动）

控制 Scroll View 滑动的方向。

 

——Horizontal

水平滑动

——Vertical

垂直滑动

——Unrestricted

随意滑动

——Custom

自定义延X，Y滑动；

 

3、Drag Effect

拖动的效果；

——MomentumAndSpring，

拖动到边界松开拖拽时会有弹出来的效果。

 

4、Scroll Wheel Factor

鼠标滑动滚轮速度。（如果不让你的滚动面板可以通过鼠标滚轮滚动，可以设置为 0，想让鼠标滚轮反过来滚动面板就设置为 负数）

 

5、Momenturm Amount

滑动后，自动滑行的距离。（控制什么时候开始拖动滚动视图。根据你的需要调整这个值来让它更灵敏或更不灵敏）

 

6、Restric Within Panel

如果选择了，则 Panel 不会滑出 Scroll View 。

比如向左滑动，panel 右边 和 Scroll View 的右边可重合。(也就是说把子项约束在 panel 范围里面)

 

7、 Cancel Drag If Fits

当它适合视窗内时，则自动退出拖动。 

（关闭 可以拖动内容到边界外，不过会有阻力；如果选择将会防止内容被拖出区域，并当它适合视窗内时，则会退出拖动，就是不能拖动了 ）

8、Smooth Drag Start 和 IOS Drag Emulation

一种用户体验。

当开始拖动滑块的时候，如果勾上了，则有一个从 0 变成拖动速度的平滑现象，如果不勾，则开始拖动时就与拖动速度一样。IOS Drag Emulation 就是模拟 IOS 系统的拖动效果。

9、ScrollBars

视窗相关的滚动条。

 

为滑动窗添加所有组件，UI Drag Scroll View 拖拽自身到组建上，添加Panel   

并且Clipping选择Soft Clip 是为了裁切你需要显示的大小，下面调整大小是通

过Scene窗口手动调整紫色的那个框来调整。

上面指向的属性就不用说了，箭头指向的分别是对象方向，是横向还是纵向滑动

下面的box Collider的数值调整至 Clipping数值一致即可

 

上面这个NGUI添加table把子物体拖拽上去，然后红色右侧指的那个地方0代表横向，1代表纵向，下面那个代表间隔

我为什么用Table而不用Grid是因为Grid无法根据子物体的实时改变后的大小进行调整，如果是动态加载的文字会有溢

出跟下方的子物体重合的现象，用table手动只需要右击组件执行excute就会重新排列，下面是通过脚本控制重新排列

的脚本应用，如果不好找你们就用control  F搜关键字：Table

https://pan.baidu.com/s/1TKiIW1TLWquOujKnr-3yrw

后面会补Grid 部分

                                                          —————上面部分引用的https://blog.csdn.net/Joinl/article/details/72859616