【Unity】UI Scrollbar & Scroll Rect

這次要講的是Unity內UI元件 - Scrollbar和Scroll Rect，用來製作有捲動效果的選單，關於Scrollbar前些日子有寫過一篇，但並不需要那麼麻煩，使用Scroll Rect就可以達到同樣的效果。
(Unity - 捲動選單 scroll list)

這次的結果。

首先我們需要新增GameObject->UI ->Panel或Image，作為顯示的區塊Rect，然後在Rect下新增內容，這裡使用GameObject->UI ->Text。

接著回到Rect上，新增Component - Scroll Rect。

新增完後Scroll Rect裡會有Content的項目，將Text加入，這時候執行就可以使用滑鼠拖曳或滾輪捲動Text。

在Rect上新增Mask，顯示的範圍就會只局限於Rect的區塊大小。

接著我們回到Scroll Rect上的參數。

Horizontal：決定水平軸是否要捲動。
Vertical；決定垂直軸是否要捲動。
Movement Type有以下三種：
Unrestricted：無範圍限制的移動。
Elastic：當移動狀態結束時會自動回到中心點，底下有Elasticity參數可以調整回到中心的速度。
Clamped：移動範圍會限制在Content的大小。
Inertia：可決定是否要有慣性，如果有的話Deceleration Rate可以調整減速的值。
Scroll Sensitivity：捲動的靈敏度，主要在滑鼠滾輪有比較明顯的效果。
Horizontal Scrollbar：控制水平軸的Scrollbar。
Vertical Scrollbar：控制垂直軸的Scrollbar。

最後在Rect底下新增UI->Scrollbar，加到Vertical Scrollbar上。

Scrollbar的Direction為Bottom To Top，長度調整到與Rect相同，至於bar的長度在執行後會自動調整。
以下是執行結果，可以使用滑鼠拖曳、滑鼠滾輪或bar捲動。

這次就到這裡。