Fully customizable slider that allows to set marks on it. You can set the color of the bar, marks and handler, the width of the marks and even an image for the handler.

platform :ios, '7.0'
pod "JMMarkSlider", "~> 1.0"

Copy into your project the following files: JMMarkSlider.h JMMarkSlider.m

It is really easy to set it! Firstly, import the .h :

#import "JMMarkSlider.h"

Declare it as a property if you want to access to it properly:

@property (strong, nonatomic) JMMarkSlider *firstSlider;

Instantiate and customize it (Take a look at -Customization- section). Finally add it to the desired view as usual:

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];

Add an UISlider outlet to your view using the User Interface and set JMMarkSlider as the custom class.

Link it with the outlet property if you want to access to it properly:

@property (weak, nonatomic) IBOutlet JMMarkSlider *firstSlider;

Simply customize it! (again take a look at -Customization- section)

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];

You can set the marks using a percentage system from 0 to 100. Set all the marks in the linePositions array `property:

self.firstSlider.linePositions = @[@10,@20,@30,@40,@50,@60,@70,@80,@90,@100];

Here you can see a bunch of parameters that you can change:

• UIColor markColor: Customize the color of the marks.
• CGFloat markWidth: Customize the width of the marks.
• NSArray markPositions: Set in a percentage system from 0 to 100 where the marks should be placed.

• UIColor selectedBarColor: Customize the color of the selected side of the slider.
• UIColor unselectedBarColor: Customize the color of the unselected side of the slider.

• CGFloat handlerColor: Customize the color of the handler.
• UIImage handlerImage: Set a custom UIImage for the handler.

Hope you enjoy it!

I would want to thank to Cameron Cooke and Manuel de la Mata for all your tips and help! :)