Slider

A slider can be defined as a UIControl, which provides the contiguous range of values on a single scale to the user, out of which the user is prompted to select a single value. The user is supposed to move the thumb on the slider. The slider is connected with the action method, which is notified every time the user moves the thumb onto a slider. The value of the slider can be retrieved each time the action method is called.

The slider is declared as follows.

The following steps are used to add the sliders to the interface builder.

1. Search for the slider in the object library and drag the result to the storyboard.
2. Give the attributes to the slider like the range of the values represented by the slider, tint color, limit images, etc. from storyboard or programmatically.
3. Define the logic that is to be executed when the value of the slider is changed every time in the action method of the slider.
4. Set up auto-layout rules to govern the size and position of the sliders on different screen sizes.

Example

In this example, we will provide the slider to the user onto which a user can select among different values to choose his age.

Interface Builder

In this example, we have created a very simple storyboard, in which we have used the slider and the label to show the value of the current value of the slider. The following image shows the interface builder (storyboard) created in the project. The slider is connected to the action method, which is used to set the message label text according to the current slider value.

ViewController.swift

Output:

Interface Builder Attributes

Core Attributes

Appearance attributes