ScrollBar component reference
ScrollBar allows the user to scroll a picture (not currently supported in the public beta version) by dragging a sliding block. It's a bit similar to the ‘Slider’ component, but it is mostly used for scrolling while Slider is used to set values.
Click the ‘add component’ button at the bottom of the Inspector and select ‘ScrollBar’ from ‘add UI component’. You can then add the ScrollBar component to the node.
|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.|
|Direction||Scroll direction. You can currently select from either horizontal or vertical.|
|Enable Auto Hide||Enable or disable auto hide. If it is enabled, then ‘Auto Hide Time’ will hide automatically after the ScrollBar is shown.|
|Auto Hide Time||Auto hide time; need to set
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 attribute panel.
Normally we will also designate a background picture to ScrollBar. This can be used to indicate the length or width of the whole of the ScrollBar.
Continue on to read about Layout component reference.