Developers Manual > Cocos Studio > UI Editor > UI Widget > UI Widget UISlider

UI Widget UISlider

Icon

Description

The UISlider subclass implements a silder for the touch screen. The UISlider subclass is a subclass of UIWidget.
The widget provides methods to set the slider background images, different states of node resources, the slide’s progress value, an internal progress bar of resources and other attributes.

3x3 grids

For more information, see 3x3 grids.

Common properties

For more information, see Common properties.

Feature

Background image

Sets a picture (png, jpg) that will be displayed on default status.

Silder progress

Sets the widget’s silde progress value in the range between 0 to 100.

Node pressed-down state

Sets a picture (png, jpg) to display on pressed-down status.

Node normal state

Set a picture (png, jpg) to display on normal status.

Node disable state

Sets a picture (png, jpg) to display on disabled status.

Slider progress

Controls whether the internal progress bar displays or not.

Internal progress bar

Sets a picture (png, jpg) that to display on normal status.

3-3-11-img-01.png (4.2 kB) hanrea@qq.com, 2013-12-03 07:38

3-3-11-img-02.png (11.5 kB) hanrea@qq.com, 2013-12-03 07:38

Sign up for our newsletter to keep up with the latest developments, releases and updates for Cocos2d-x.