VerticalSlider - An animatable and customizable vertical slider written in Swift 4

Overview

VerticalSlider

An animatable and customizable vertical slider written in Swift 4.

Quick Start

VerticalSliderPlayground

  1. Clone Repo
  2. Open VSVerticalSlider.xcworkspace
  3. In the file navigator open VSVerticalSliderPlayground
  4. Build with iPhone 8 set as device
  5. Open assistent editor and set to Live View

For more information on interactive playgrounds read this blog post by Apple Developer

Sample Project

  1. Clone Repo
  2. Open VSVerticalSliderSample.xcworkspace
  3. Build and run.

Installation

CocoaPods

VSVerticalSlider can be installed with CocoaPods by adding this to your Podfile:

platform :ios, ’10.0

target 'VerticalSliderSample' do

  use_frameworks!
  pod 'VSVerticalSlider', :git => 'https://github.com/vsmithers1087/VerticalSlider.git'

end

Setup

  1. Create VSVerticalSlider with height, color, and optional x, y offsets
  2. Set the slider's delegate to self
  3. Add to your UIView
    override func viewDidLoad() {
        super.viewDidLoad()
        setupSlider()
    }
    
    private func setupSlider() {
        let slider = VSVerticalSlider(height: 500.0 - 13, primaryColor: UIColor.red, offsetX: 20, offsetY: 40.0)
        slider.delegate = self
        view.addSubview(slider)
    }

Conforming to VerticalSliderDelegate

Receive a callback everytime the slider value changes

extension ViewController: VSVerticalSliderDelegate {
    func valueDidChange(value: Int) {
        percentageLabel.text = "\(value) %"
    }
}

Setting Slider Value

//A value between 0 and 100
let newValue = 51
slider.setValue(newValue)

Todo

  • Add Readme
  • Setup With Storyboards
  • Carthage Support
  • Unit Tests

Prerequisites

  • Xcode 9.0 +
  • Swift 4.0 +
  • iOS 10.0 +

Contributing

All feedback and suggestions are welcome. If you see an issue, would like to make a change, or add a feature please make a pull request.

License

VerticalSlideris released under the MIT License.

You might also like...
An iOS Slider written in Swift.
An iOS Slider written in Swift.

JDSlider Beetripper App's screenshots Example Project To run the example project, clone the repo, and run pod install from the Example directory first

A feature-rich circular slider control written in Swift.
A feature-rich circular slider control written in Swift.

MTCircularSlider Screenshot Usage To run the example project, clone the repo, and run pod install from the Example directory first. Requirements iOS 1

Custom & highly configurable seek slider with sliding intervals, disabled state and every possible setting to tackle!
Custom & highly configurable seek slider with sliding intervals, disabled state and every possible setting to tackle!

iLabeledSeekSlider Custom & highly configurable seek slider with sliding intervals, disabled state and every possible setting to tackle! Minimum iOS v

Simple and light weight slider with chapter management
Simple and light weight slider with chapter management

Simple and light weight slider with chapter management Demo Installation CocoaPods WESlider is available through CocoaPods. To install it, simply add

A slider, similar in style to UISlider, but which allows you to pick a minimum and maximum range.
A slider, similar in style to UISlider, but which allows you to pick a minimum and maximum range.

TTRangeSlider A slider, similar in style to UISlider, but which allows you to pick a minimum and maximum range. Installation TTRangeSlider is availabl

A simple range slider made in Swift
A simple range slider made in Swift

RangeSlider Summary A simple range slider made in Swift. Screenshot Use This control is IBDesignable and uses the target-action pattern for change not

A beautiful slider control for iOS built purely upon Swift
A beautiful slider control for iOS built purely upon Swift

SnappingSlider A beautiful slider control for iOS. Installation There are two ways to add the control to your project; you can add it as a submodule i

💧 A slider widget with a popup bubble displaying the precise value selected. Swift UI library made by @Ramotion
💧 A slider widget with a popup bubble displaying the precise value selected. Swift UI library made by @Ramotion

FLUID SLIDER A slider widget with a popup bubble displaying the precise value selected written on Swift. We specialize in the designing and coding of

FlowerSlider - Flower Slider Animation Built With Swift
FlowerSlider - Flower Slider Animation Built With Swift

FlowerSlider Shape Slider Screenshot

Owner
Vincent Smithers
iOS Engineer
Vincent Smithers
PhotoSlider is a simple photo slider and can delete slider with swiping.

PhotoSlider is a simple photo slider and can delete slider with swiping.

Daichi Nakajima 247 Nov 30, 2022
A custom reusable slider control with 2 thumbs (range slider).

MARKRangeSlider A custom reusable slider control with 2 thumbs (range slider). Values range is between minimumValue and maximumValue (from 0 to 1 by d

Vadym Markov 181 Nov 21, 2022
Customizable animated slider for iOS

MMSegmentSlider MMSegmentSlider is an easy-to-use IBDesignable animated slider for iOS 7+ written in Objective-C. Installation From CocoaPods CocoaPod

Max Medvedev 48 Jul 26, 2022
RangeSeedSlider provides a customizable range slider like a UISlider.

RangeSeekSlider Overview RangeSeekSlider provides a customizable range slider like a UISlider. This library is based on TomThorpe/TTRangeSlider (Objec

WorldDownTown 644 Dec 12, 2022
Dragger - A Customizable Drag Slider swiftUI view

Dragger A customizable SwiftUI Dragger view. Installation In Xcode add https://g

Kiefer Wiessler 4 Dec 19, 2022
Customizable animated slider for iOS

MMSegmentSlider MMSegmentSlider is an easy-to-use IBDesignable animated slider for iOS 7+ written in Objective-C. Installation From CocoaPods CocoaPod

Max Medvedev 48 Jul 26, 2022
UISlider clone with multiple thumbs and values, range highlight, optional snap intervals, optional value labels, either vertical or horizontal.

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

Yonat Sharon 326 Dec 29, 2022
A powerful Circular Slider. It's written in Swift, it's 100% IBDesignable and all parameters are IBInspectable.

CircularSlider A powerful Circular Slider. It's written in Swift, it's 100% IBDesignable and all parameters are IBInspectable. Demo Installation Circu

Matteo Tagliafico 253 Sep 19, 2022
IntervalSlider is a slider library like ReutersTV app. written in pure swift.

IntervalSlider Description and appetize.io`s DEMO To run the example project, clone the repo, and run pod install from the Example directory first. Re

Nobuyasu 65 May 23, 2021
CircleSlider is a Circular slider library. written in pure Swift.

CircleSlider Description and appetize.io`s DEMO Usage To run the example project, clone the repo, and run pod install from the Example directory first

Nobuyasu 142 May 9, 2022