UIScrollView制作滑動列表,可橫向,豎直展示一些列表在固定可視范圍內
UIScrollVIew只是一個可滑動的UI組件
如果需要制作復雜的可視區域UI需要配合使用UIPanel與UIGrid
這樣更方便UI的展示
a.創建一個2D UI Root,在NGUI菜單上創建一個Scroll View
b.在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來控制或者顯示進度
c.在NGUI菜單上添加一個Grid到ScrollView組下
d.設置UIGrid
Arrangement:表格的顯示方向
Sorting:對表格內的內容進行排序,Alphabetic(以字母順序排序),Horizontal(水平方向進行排序),
Vettical(垂直方向進行排序),Custom(自定義的排序)
Max Per Line:表格每行顯示多少個元素
Cell Widht:單個顯示的寬度
Cell Height:單個顯示的高度
Animate Smoothly:使用平滑動畫過度效果
Keep Within Panel:保持在一個面板里顯示
e.添加一些元素到UIGrid組下,並設置好位置,配合UIPanel的Soft Clip可
以讓元素在一定的可范圍內顯示
這樣一個簡單的列表顯示效果就做出來了
:)