Get Updates By E-mail 

Article Written By:
Johann Dowa

Open Source iOS Component For Sliders With Customizable Value Markers

  •  
  •  
  •  
  •  
  •  

I’ve mentioned a number of custom open slider components most recently this component for creating circular range sliders and this component for creating themeable range sliders.

Here’s an open source component providing a customizable slider with markers set at specified values called JMMarkSlider.

JMMarkSLider allows you to easily set two different colors to show whether values are selected or unselected, and allows you to set mark positions, color and width like in this code example from the readme:

self.firstSlider = [[JMMarkSlider alloc]initWithFrame:CGRectMake(0, 0, 284, 31)];
self.firstSlider.markColor = [UIColor colorWithWhite:1 alpha:0.5];
self.firstSlider.markPositions = @[@10,@20,@30,@40,@50,@60,@70,@80,@90,@100];
self.firstSlider.markWidth = 1.0;
self.firstSlider.selectedBarColor = [UIColor grayColor];
self.firstSlider.unselectedBarColor = [UIColor blackColor];
[self.view addSubview:self.firstSlider];

Here’s an image showing several created JMMarkSlider’s from the readme:
JMMarkSlider

You can find JMMarkSlider on Github here.

A nice library for creating customized sliders with markings.


  •  
  •  
  •  
  •  
  •  

Submit A Resource

Have you created a useful tutorial, library or tool for iOS development that you would like to get in front of our 300,000+ monthly page views from iOS developers?

You can submit the url here.

The resources we feel will appeal to our readers the most will be posted on the front page.

Comments