Unity筆記整理:NGUI ─ UIScrollView製作滑動列表

UIScrollView : 可滑動的UI組件，能展現橫向、豎向列表在可視範圍內。

如需製作複雜的可視區域UI 需要配合使用 UIPanel 與 UIGrid。

【方法】

1. 創建一個2D UI Root，在NGUI 菜單上創建 Scroll View

2. 在ScrollView 上默認的添加了一個UIPanel 與 UIScrollView。

Alpha：面板的透明度

Depth：面板在所有UI上的層次等級

Clipping：面板剪切，分為None(無剪切效果），Soft Clip（軟剪切，有邊緣模糊效果），Alpha Clip（硬剪切，邊緣鋒利）

Constrain But Don't Clip（顯示所有內容，但是是剪切區域存在）

Advanced Options：高級選項

Render Q：面板裡所有圖片的渲染質量，Automatic（自動適應），Normal（正常），Explicit（用戶指定）

Normals：法線貼圖

Cull：如果用鼠標手動組件則剔除組件

Visible：面板是否在可視範圍內

Offset：通過位置偏離錨點

Static：如果是沒移動的組件，也進行代碼檢測，一般是用於ScrollView

Panel Tool：是否顯示面板工具

Show Draw Calls：顯示渲染的詳細信息

Content Origin：滾動內容的起始點位置

Movement：移動方向

Drag Effect：內容拖動時候顯示的效果

Scroll Wheel Factor：使用鼠標進行滾動時，滾動時候的比例

Momentum Amount：快速滑動時產生的衝力

Restrict Within Panel：在面板裡進行約束

Cancel Drag if Fits：如果有組件適應了面板的大小，取消組件在面板裡的拖動

Smooth Drag Start：平滑拖動

iOS Drag Emulation：在蘋果上仿真滑動效果

Scroll Bars：在進行拖動時，可以加入一個Scroll Bars來控製或者顯示進度

3. 在NGUI菜單上添加一個Grid到ScrollView組下

Arrangement：表格的顯示方向

Sorting：對表格內的內容進行排序，Alphabetic（以字母順序排序），Horizo​​ntal（水平方向進行排序），Vetical（垂直方向進行排序），Custom（自定義的排序）

Max Per Line：表格每行顯示多少個元素

Cell Width：單個顯示的寬度

Cell Height：單個顯示的高度

Animate Smoothly：使用平滑動畫過度效果

Keep Within Panel：保持在一個面板裡顯示

4. 添加一些元素到UIGrid組下，並設置好位置，配合UIPanel的Soft Clip可

以讓元素在一定的可範圍內顯示 => 基礎模型做好

參考網站:  http://blog.csdn.net/unity3d_xyz/article/details/22989401