If you like VerticalSlider, give it a ★ at the top right of this page.

VerticalSlider is a vertically oriented UISlider control embedded in a UIView. As an @IBDesignable class, it renders vertically in Interface Builder and visual properties of the slider have been exposed in the Attributes Inspector for convenience. The underlying UISlider control can be accessed through VerticalSlider's slider property.

Check out the example project to see it in action!

• Swift 3
• iOS 8 or higher

CocoaPods is a dependency manager for Cocoa projects. You can install it with the following command:

$ gem install cocoapods

To integrate VerticalSlider into your Xcode project using CocoaPods, specify it in your Podfile:

source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '8.0'
use_frameworks!

pod 'VerticalSlider'

Then, run the following command:

$ pod install

1. Create a View for a VerticalSlider. Set the custom class of the View to be VerticalSlider in the Identity Inspector. Interface Builder should update the view to show a VerticalSlider.

2. Configure VerticalSlider's properties any way you like!

First:

import VerticalSlider

Next, declare your VerticalSlider at the top of your View Controller and link it in Interface Builder:

@IBOutlet var verticalSlider: VerticalSlider!

In your View Controller's viewDidLoad event, do something like this:

verticalSlider.slider.addTarget(self, action: #selector(sliderChanged), for: .valueChanged)

Then add the method that will be called when the slider's value changes:

func sliderChanged() {
    // your code here
    print(verticalSlider.value)
}

That's it.

This is a simple library contained in a single file. If you prefer to add it manually instead of taking a dependency, here's the code.

My name is Jon Kent and I'm a freelance iOS designer, developer, and mobile strategist. I love coffee and play the drums. Hire me!

🌎 Web: http://jonkent.me

✉️ Email: contact@jonkent.me IMPORTANT: Before emailing me, please read this.

VerticalSlider is available under the MIT license. See the LICENSE file for more info.