MultiSlider

UISlider clone with multiple thumbs and values, range highlight, optional snap intervals, optional value labels, either vertical or horizontal.

Features

Multiple thumbs
Range slider (optional) - track color between thumbs different from track color ouside thumbs
Vertical (optional)
Value labels (optional)
Snap interval (optional)
Haptic feedback
Configurable thumb image, minimum and maximum images.
Configurable track width, color, rounding.

Usage

let slider   = MultiSlider()
slider.minimumValue = 1    // default is 0.0
slider.maximumValue = 5    // default is 1.0

slider.value = [1, 4.5, 5]

slider.addTarget(self, action: #selector(sliderChanged(_:)), forControlEvents: .valueChanged) // continuous changes
slider.addTarget(self, action: #selector(sliderDragEnded(_:)), forControlEvents: . touchUpInside) // sent when drag ends

Getting multiple thumb values

func sliderChanged(slider: MultiSlider) {
    print("\(slider.value)") // e.g., [1.0, 4.5, 5.0]
}

Range slider

slider.outerTrackColor = .lightGray // outside of first and last thumbs

Vertical / horizontal orientation

slider.orientation = .horizontal // default is .vertical

Value labels

slider.valueLabelPosition = .left // .notAnAttribute = don't show labels
slider.isValueLabelRelative = true // show differences between thumbs instead of absolute values
slider.valueLabelFormatter.positiveSuffix= " 𝞵s"

Snap interval

slider.snapStepSize = 0.5  // default is 0.0, i.e. don't snap

Changing Appearance

slider.tintColor = .cyan // color of track
slider.trackWidth = 32
slider.hasRoundTrackEnds = true
slider.showsThumbImageShadow = false // wide tracks look better without thumb shadow

Images

slider.thumbImage   = UIImage(named: "balloon")
slider.minimumImage = UIImage(named: "clown")
slider.maximumImage = UIImage(named: "cloud")

Disabling/freezing thumbs

slider.disabledThumbIndices = [1, 3]

Requirements

iOS 9.0+
Xcode 10

Installation

CocoaPods:

pod 'MultiSlider'

Legacy versions:

Swift version	MultiSlider version
4.0 (Xcode 9.4)	`pod 'MiniLayout', '~> 1.2.1'` `pod 'MultiSlider', '~> 1.6.0'`
3	`pod 'MiniLayout', '~> 1.1.0'` `pod 'MultiSlider', '~> 1.1.2'`
2.3	`pod 'MiniLayout', '~> 1.0.1'` `pod 'MultiSlider', '~> 1.0.1'`

Manually:

Copy Sources/*.swift and MiniLayout.swift to your Xcode project.

About