How to Create Range Slider programmatically in iOS?

Question

I want to create a range slider. but wahen I assign 2 sliders in same position then only 1 is working. I found some External APIs to create Slider. Is there any way to create Range slider in iOS programmatically.

Here is my code..

  CGRect frame = CGRectMake(20, 330, 300, 60);

slider1 = [[UISlider alloc] initWithFrame:frame];
[slider1 addTarget:self action:@selector(sliderActionMin:) forControlEvents:UIControlEventValueChanged];
[slider1 setBackgroundColor:[UIColor clearColor]];
slider1.minimumValue = 0.0;
slider1.maximumValue = 55.0;
slider1.continuous = YES;
slider1.value= 16
slider1.contentMode=UIViewContentModeScaleToFill;
[self.view addSubview:slider1];


slider2 = [[UISlider alloc] initWithFrame:frame];
[slider2 addTarget:self action:@selector(sliderActionMin:) forControlEvents:UIControlEventValueChanged];
[slider2 setBackgroundColor:[UIColor clearColor]];
slider2.minimumValue = 0.0;
slider2.maximumValue = 55.0;
slider2.continuous = YES;
slider2.contentMode=UIViewContentModeScaleToFill;
slider2.value=[SingletonClass sharedSingleton].minAge;
[self.view addSubview:slider2];

It means two sliders in one position,, 1 is for minimum value and 2nd is for max value.. do you understand? — M Swapnil, Jun 02 '15 at 06:28
@Bannings-Because I want to show Range of age. like 16 to 22 — M Swapnil, Jun 02 '15 at 06:29
create Custom control using UIView! OR if yo found some External APIs than just use it! what's the problem with that? — Saurabh Prajapati, Jun 02 '15 at 06:35
`UISlider` doesn't support two thumbs or a range. It only supports a single value. — rmaddy, Jun 02 '15 at 06:43
Whenever you add subview inside view at the same position, it will add subviews as stack items. Just think logically...it seems like you are trying to touch object that is behind a transparent wall. — Sujay, Jun 02 '15 at 06:57

score 33 · Accepted Answer · answered Jun 02 '15 at 06:47

33

You are adding one slider above another slider.So As per Cocoa-Touch standards, Only Top (newly added) slider will detect all events. First slider will be untouchable as you added both slider on same frame value.

There are so many Range Slider examples available for iOS. Below are few examples which may help you

answered Jun 02 '15 at 06:47

Rahul Patel

5,858
6
46
72

2

MARKRangeSlider is really great and intuitive, I've wasted half a day wrestling with NMRangeSlider – etayluz Jul 19 '15 at 05:31
I have used TTRangeSlider, It has many customisable features – Arpit B Parekh Nov 18 '20 at 10:22
Those are all `Obj-C`, here are some `Swift` pods: https://github.com/yonat/MultiSlider and https://github.com/yhkaplan/DoubleSlider and https://github.com/BrianCorbin/SwiftRangeSlider – Lance Samaria Mar 11 '22 at 15:54

score 0 · Answer 2 · answered Jan 15 '16 at 14:14

0

VPRangeSlider : You can also use this, which provides both segmented as well as un-segmented slider for iOS.

answered Jan 15 '16 at 14:14

Varun

759
6
12

How to Create Range Slider programmatically in iOS?

2 Answers2

Linked