Skip to content

Slider

Category Requires Version
User Interface API 21, Android 5.0 Lollipop 5

Overview

A Slider is a progress bar that adds a draggable thumb. You can touch the thumb and drag left or right to set the slider thumb position. As the Slider thumb is dragged, it will trigger the PositionChanged event, reporting the position of the Slider thumb. The reported position of the Slider thumb can be used to dynamically update another component attribute, such as the font size of a TextBox or the radius of a Ball.

Events

Position Changed

Indicates that position of the slider thumb has changed.

Params
thumb Position Number

Touch Down

Event will be invoked on a touch down.

Touch Up

Event will be invoked on a touch up.

Properties

Color Left

Color Default: #00BCD3FF  ➖ Read Write - Designer Blocks

The color of slider to the left of the thumb.

Color Right

Color Default: #9E9E9EFF  ➖ Read Write - Designer Blocks

The color of slider to the left of the thumb.

Max Value

Number Default: 50.0 ➖ Read Write - Designer Blocks

Sets the maximum value of slider. Changing the maximum value also resets Thumbposition to be halfway between the minimum and the (new) maximum. If the new maximum is less than the current minimum, then minimum and maximum will both be set to this value. Setting MaxValue resets the thumb position to halfway between MinValue and MaxValue and signals the PositionChanged event.

Min Value

Number Default: 10.0 ➖ Read Write - Designer Blocks

Sets the minimum value of slider. Changing the minimum value also resets Thumbposition to be halfway between the (new) minimum and the maximum. If the new minimum is greater than the current maximum, then minimum and maximum will both be set to this value. Setting MinValue resets the thumb position to halfway between MinValue and MaxValue and signals the PositionChanged event.

Rotation Angle

Available as Advanced Property

Number Default: 0.0 ➖ Read Write - Designer Blocks

Sets the degrees that the slider is rotated around the pivot point. Increasing values result in clockwise rotation.

Thumb Color

Color Default: #00BCD3FF  ➖ Read Write - Designer Blocks

The color of slider thumb. This block works only on devices with api >= 16.

Thumb Enabled

Boolean Default: True ➖ Read Write - Designer Blocks

Sets whether or not to display the slider thumb.

Thumb Image

Available as Advanced Property

Text ➖ Write - Designer

Property for ThumbImage

Thumb Position

Number Default: 30.0 ➖ Read Write - Designer Blocks

Sets the position of the slider thumb. If this value is greater than MaxValue, then it will be set to same value as MaxValue. If this value is less than MinValue, then it will be set to same value as MinValue.

Visible

Boolean Default: True ➖ Read Write - Designer Blocks

Returns true iff the component is visible.

Width

Number ➖ Read Write - Blocks

Specifies the component's horizontal width, measured in pixels.

Width Percent

Number ➖ Write - Blocks

Specifies the component's horizontal width as a percentageof the Width of its parent Component.


Last update: November 9, 2022