Unity3d NGUI的使用(九)(UIScrollView制作滑動列表)


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可

以讓元素在一定的可范圍內顯示

 

這樣一個簡單的列表顯示效果就做出來了

:)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM