1. 程式人生 > >Unity ScrollRect 實現垂直滾動文字

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大功告成。