天天看點

【NGUI】滾動條

本文與《【Unity3D】公告欄與開始界面的布置》(點選打開連結)是姊妹篇,将利用NGUI完成滾動條的建立。NGUI的滾動條是直接可以利用滾動視圖建立的,而不是用多行輸入框TextBox改出來的。比起原生的UGUI,NGUI的滾動視圖的建立也是不難的。做出來還是同樣的效果:

【NGUI】滾動條

制作過程如下:

1、導入了NGUI之後,在Asset搜尋control,拖入一個垂直滾動條預設。再建立一個滾動條Scroll View,并在旗下建立一個Label。

【NGUI】滾動條

2、将Scroll View與Label調整好位置,并設定好字型。做如下圖的設定。

對于Scroll View,在UIScroll View中選擇滾動方向Movement選擇為垂直方向Vertical,并将垂直滾動條拖入Scroll Bars中的Vertical中。

對于旗下的Label,先設定好字型,改成Arial不然無法顯示中文。溢出設定Overflow選擇自适應高度Resize Height。然後添加一個Box Collider,純粹為了支撐Drag Scroll View的存在而存在,本身并沒有什麼卵用。再添加Drag Scroll View,将Scroll View拖入其中的Scroll View。

【NGUI】滾動條

至此,不用寫一行代碼,完成。

這裡說句題外話,NGUI中的Scroll View和NGUI設定為Soft Clip的Panel是一樣,用于将切割内容部分顯示而存在。

繼續閱讀