Slider component Explained Thunkable AppInventor Makeroid AppyBuilder

What is a Slider?
A Slider is a progress bar that adds a draggable thumb to the interface. We can touch the thumb and drag left or right to set the slider thumb position. As It will drag left or right it will trigger the PositionChanged event and reports the position of the Slider thumb to commanding programme. The reported position of the Slider thumb can be used to update another component interface such as the font size of a TextBox or the radius of a Ball.

A Slider is commonly used to set font size of text or size of the component.

Now let's know how to use it.

Step 1
Just drag and drop the 
Slider Component in the app screen like the following picture shows.
Step 2
Once you drag and dropped the 
Slider Component into app screen you will find the Slider Component in Components layout and click the Slider Component option there and you will find its properties in properties layout.Once you do that you will find the options to customise the Slider Component as your wish.
Like the following picture shows all the customisable options it have.

Now let's know what customisable options are there and how to use those options and know what are their uses.

1.This option is used to change the colour of slide bar.When user drags the thumb right side of the slider then colour of line changes left side of the thumb like the following pictures shows.



2. This option is same as like above but this changes right side line colour of the slider.



3. This option is used to change the width of the slider.
4. This option is used to sets the maximum value of the slider
5. This option is used to sets the minimum value of the slider.
6. This option is used to sets whether or not to display the slider thumb means you can set whether the slider should be draggable or not.
7. This option is used to sets the position of the slider thumb. It Cannot be below the Minimum Value or exceed the Maximum Value
8. If this option is Checked or enable then user will be able to see the slider component or else user cannot see the slider.

The Maximum customisable options are also customised in blocks section we will explain about it in upcoming posts

Happy THunking😎😎

Post a Comment

0 Comments