1. 程式人生 > >Unity3D NGUI Scroll View注意事項

Unity3D NGUI Scroll View注意事項

在NGUI中,ScrollView是一個非常棒的介面,不過剛開始使用的時候一直一些事項沒有搞懂,現在算是明白了,可以輕鬆上手了,下面把一些注意的問題寫出來分享一下。

一個是回彈問題,開始做的時候,一直沒有明白例子中那個回彈的效果是如何實現,如圖這樣的效果

SouthEast

確實這個效果在IOS上非常流行,使用者體驗也很棒,它的原理也是利用一個UIDragPanelContents程式碼控制元件完成的。

SouthEast

在window的UIPanel裡面有這麼一個物體Outline,在例子介面上的作用是一個ScrollView背景,之所以可以回彈全靠這個,點選這個物體,給它新增一個Collier和UIDragPanelContents,將Draggable Panel屬性設定為Clipped View即可看到效果了,記住這個背景最好放大些,這樣手指只要在這個背景的區域內都可以滑動ScrollView了。

SouthEast

如果在自己的介面中不想看到這層背景,但是沒有這層又不行,最好的方法就是把這層的Alpha值設為0,這樣就變成透明的了,也就看不到了

當然,如果你的裡面放置的僅僅是文字圖片之類的,基本就結束了,但是如果是響應的控制元件,比如按鈕,可以會有無法響應的問題,就是可以滑動,但是按鈕無法被點選,造成的原因其實是Collider的前後關係,這層觸控背景的Collider比按鈕的Collider要靠前,造成觸發器先接受到了,所以按鈕就不響應了。

解決辦法就是把觸控背景這層的Z軸放後一些,放在按鈕的後面,這樣問題就可以解決了。

二是ScrollView裡面的Item沒有被裝滿卻可以被拉動,會造成Item的位置改變而無法回覆原位,如果不想被拉動,只有裡面的Item超過了顯示介面才可以被拉動,只需要勾上ScrollViewPanel上的Disable Drag If Fits即可。

SouthEast

不知道還有沒有同學還有沒有一些其他未解的。。。