An iOS Slider written in Swift.

Last update: Jul 26, 2022

Related tags

Slider JDSlider

Overview

JDSlider

Beetripper App's screenshots

Example Project

To run the example project, clone the repo, and run pod install from the Example directory first.

Installation

CocoaPods

JDSlider is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod "JDSlider"

Manual

Clone the repository:

$ git clone https://github.com/JellyDevelopment/JDSlider.git

Drag and drop JDSlider.swift file into your project. Add import JDSlider to all view controllers that need to use it.

##Usage

Create an UIView in Interface Builder and change to JDSliderView class.
Set the Slider's Delegate and Datasource

class ViewController: UIViewController, JDSliderDataSource, JDSliderDelegate {

    //MARK: @IBOutlet
    @IBOutlet var sliderView: JDSliderView!
    
    //MARK: LifeCycle
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        self.sliderView.delegate    = self
        self.sliderView.datasource  = self
    }
}

Implement JDSliderDataSource, JDSliderDelegate

//MARK: JDSliderDelegate
func slider(jdSlider: JDSliderView, didSelectSlideAtIndex index: Int) {
   print("Touch slide with index: \(index)")
}
   
//MARK: JDSliderDataSource
func slider(jdSliderNumberOfSlides slider: JDSliderView) -> Int {
   return self.arrayImages.count
}
    
func slider(jdSlider: JDSliderView, viewForSlideAtIndex index: Int) -> UIView {
   let imageView = UIImageView()
   imageView.image = UIImage(named: self.arrayImages[index])
            
   return imageView
}

You can customize the page indicator's color

self.sliderView.tintPageIndicator(UIColor.orangeColor(), state: .Highlight)
self.sliderView.tintPageIndicator(UIColor.blackColor(), state: .Normal)

Author

Jelly Development
- Juanpe Catalán, [email protected]
- David Carrascal, [email protected]

License

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

You might also like...

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

48 Jul 26, 2022

A custom reusable circular / progress slider control for iOS application.

HGCircularSlider Example To run the example project, clone the repo, and run pod install from the Example directory first. You also may like HGPlaceho

2.4k Jan 4, 2023

iOS 11 Control Center Slider

SectionedSlider Control Center Slider Requirements Installation Usage License Requirements iOS 8.0+ Swift 3.0+ Xcode 8.0+ Installation CocoaPods Cocoa

361 Dec 3, 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

48 Jul 26, 2022

An iOS-16-styled slider.

Slyderin An iOS-16-styled slider. Available on iOS 13 and later. Slyderin.Demo.mov How to Use Include it with Swift Package Manager. Add it to your vi

3 Jan 1, 2023

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

305 Nov 29, 2022

💧 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

1.9k Dec 23, 2022

FlowerSlider - Flower Slider Animation Built With Swift

FlowerSlider Shape Slider Screenshot

4 Sep 27, 2022

🎚️ STDiscreteSlider – slider which allows user to choose value only from predefined set of data.

STDiscreteSlider – slider which allows user to choose value only from predefined set of data. Slider may receive any types of options, you may pass set of integers or strings, or any other type. Written using SwiftUI.

15 Apr 3, 2022

Comments

Page Controll wrong x position

Using 2 images the page controll indicators was palced on the right side of the screen. I fixed it by changing orgin.x from self.center.x to 0

self.pageControl.frame.origin.x = 0

opened by Sonberg 3

reloadData but not work!

when i get my data at few time i guess

self.jdSliderScrollView.hidden still hidden

so i fix it

       if self.numbersOfSlides == 0 {

            self.pageControl.hidden        = true
            self.jdSliderScrollView.hidden = true

        } else if self.numbersOfSlides > 0{

            self.pageControl.hidden        = false
            self.jdSliderScrollView.hidden = false
        //.......

opened by george845b034 1