How to give Padding before slider value 0 and after slider value 100 in custom UISlider

Question

I need a custom slider something like below

I need to start my slider after some padding, and need same padding after slider reaches end i.e;slider value 100, by filling same maximum and minimum track image of slider even in this padding area as shown in the above image.

In other words Slider has to start virtually after some padding and end before some padding value. How to achieve this? any help is appreciated in advance.

Answer 1

The key is to provide a mapping function that converts a value to a slider setting, and vice versa. Thus you never use the slider value directly, only the mapped value.

You set the left value to -10 and the right to 110. The mapping f returns 0 for values <= 0, 100 for >= 100, and the real value for ant thing else.