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

UI Widget UIScrollView

Icon

Description

The UIScrollView subclass implements the scrolling layer in the touch screen. The UIScrollView subclass is a subclass of UIWidget.
The control provides methods to set the layer container’s clip, width and height, background color opacity, fill color, picture resources and other attributes.

Squared Properties

For more information, see UI controls common attributes.

General Properties

For more information, see UI controls common attributes.

Feature

Clip

Hides control’s child controls, which are located out of the display area.

File

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

ScrollAreaWidth

Sets the width of the scrolling area.

Note : After setting the scrolling zone width and height, child controls must be located within the green wireframe.

ScrollAreaHeight

Sets the height of the scroll area.

BackgroundColorOpacity

Sets the opacity of the background color,ranges from 0-255, 0 for transparent, and 255 for the opaque option.

FillColor

No color

No background color on this status.

Monochrome

Sets the background color(RGB).

GradientColor

  1. StartColor Sets the starting color of the gradient.
  2. EndColor Sets the ending color of the gradient.
  3. X X Vector
  4. Y Y Vector

Scroll direction

Sets the default scrolling direction.

3-3-10-img-01.png (6.1 kB) hanrea@qq.com, 2013-12-03 07:34

3-3-10-img-02.png (18.1 kB) hanrea@qq.com, 2013-12-03 07:34

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