ScrollBar Component Reference

The ScrollBar allows the user to scroll by dragging a sliding block. It's a bit similar to the Slider component, but it is mostly used as a part of the ScrollView while Slider is used independently to set values.


Click the Add Component button at the bottom of the Inspector panel and select UI/ScrollBar to add the ScrollBar component to the node.

ScrollBar Properties

Properties Function Explanation
AutoHideTime Time to hide the ScrollBar automatically, need to set Enable Auto Hide to true for it to take effect
Direction Scroll direction, including HORIZONTAL and VERTICAL
EnableAutoHide Enable or disable auto hide. If this property is enabled, the ScrollBar will automatically disappear after actions stopped for AutoHideTime.
Handle ScrollBar foreground picture. Its length / width will be calculated according to the content size of ScrollView and the dimensions of the actual display area

Detailed Explanation

The ScrollBar normally is used together with ScrollView instead of being used alone. Also, ScrollBar needs to assign a Sprite component, i.e. Handle in the Inspector panel.

Normally we will also designate a background image to ScrollBar. This can be used to indicate the length or width of the whole ScrollBar.

results matching ""

    No results matching ""