Unity ScrollRect 實現垂直滾動文字

看了一些網上的其他文章,看的比較暈,自己摸索着做了一遍,把幾個要點列出來,方便遇到相同問題的人。

1-列出控件,按照下圖的方式組織所有的控件,注意不要從GameObject菜單創建ScrollView,而是應該創建一個空的Panel添加ScrollRect組件

注意:Panel與ScrollBar同級,Text在Panel的子層級。



2-爲Panel要添加兩個組件

ScrollRect:他是實現滾動效果的。

注意要將Content字段,設置爲Text,這表示,將Text作爲滾動內容顯示區

注意將Horizaontal取消勾選,只保留Vertical。

Mask:他的作用是,提供一個遮罩,讓你只看到視口裏面的內容,而看不到其他內容。


3-爲Text添加一個Content Size Filter組件

這個組件是用來適配控件大小的,因爲是垂直滾動,所以可以不要管第一個選項,只將Vertical Fit 設置爲 perfect size.


4-注意設置Text的RectTransform裏面的Povit爲(0.5f,1)這樣才能保證文字長度無論怎樣變化,控件都是針對頂端對齊的。

這個就不截圖了。


5-至此,基礎功能已經做完了,拖動文字,就可以滑動整個文字區域了。一般來講,滾動條對於手機而言,多爲顯示作用,很少有人真正去拖動滾動條去控制文字上下滑動,因爲太難點到他了,如果一定要有滾動條,那麼繼續往下看。


6-設置滾動條:

HandleRect和ColorTint裏面的TargetGraphic一定都填寫,ScrollBar下面的Handle物件。

方向填寫BottomToTop,注意不要填反了。其他選項看心情隨意調


7-回到Panel物件,上面的ScrollRect,將Vertical ScrollBar設置爲你創建的ScrollBar


OK大功告成。




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章