SummerSlider is an iOS Custom Slider library It's available with variety usecases like (typically custome ui slider and video-related apps) Besides the repository introduces various usecase samples with SummerSlider
-
Youtube Player UI scenario
It shows some parts for advertisement separator sections during entire video duration -
IMA SDK (VAST) with AVPLAYER
If you used Google IMA SDK with AVPLAYER , the summer slider is a very useful and suitable vast sample code was intergrated and explained how to use for some vase usecases such as midrole and prerole cases
- Swift 3,4.0,5.0
- iOS 8.0+
- Xcode 8
SummerSlider is available through CocoaPods. To install it, simply add the following line to your Podfile:
Swift 3.0
pod 'SummerSlider', '~>0.2.0'
Swift 4.0
pod 'SummerSlider', '~>0.3.0'
Swift 5.0
pod 'SummerSlider', '~>0.4.0'
Copy into your project the following files:
SummerSlider.swift
, Constants.swift
,
HorizontalSlider.swift
,Slider.swift
,SliderDrawingProtocol.swift
,SliderFactory.swift
,
SummerSliderTypes.swift
,VerticalSlider.swift
,
Add an UISlider outlet to your view using the User Interface and set SummerSlider
as the custom class. Mostly the exposed properties are marked with @IBInspectable, so you can customize them in storyboard's attributes inspector and preview it directly.
Link it with the outlet property if you want to access its properties:
@IBOutlet weak var sampleSlider: SummerSlider!
Simply customize it! (take a look at -Customization- section)
var sampleArray = Array<Float>()
sampleArray = [0,12,23,34,45,56,77,99]
sampleSlider.selectedBarColor = UIColor.white
sampleSlider.unselectedBarColor = UIColor.black
sampleSlider.markColor = UIColor.orange
sampleSlider.markWidth = 2.0
sampleSlider.markPositions = sampleArray
Second way (Using code) - Preferred
It is really easy to set it! Firstly, import SummerSlider.
import SummerSlider
Instantiate and customize it (again, take a look at -Customization- section). Finally add it to the desired view as usual:
let testRect1 = CGRect(x:30 ,y:70 , width:300 ,height:30)
var marksArray1 = Array<Float>()
marksArray1 = [0,10,20,30,40,50,60,70,80,90,100]
secondSlider = SummerSlider(frame: testRect1)
secondSlider.selectedBarColor = UIColor.blue
secondSlider.unselectedBarColor = UIColor.red
secondSlider.markColor = UIColor.yellow
secondSlider.markWidth = 2.0
secondSlider.markPositions = marksArray1
self.view.addSubview(secondSlider)
You can set the marks using a percentage system from 0 to 100 (Percent). Set all the marks in the markPositions array
property:
summerSlider.markPositions = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]
Here you can see a bunch of parameters that you can change:
markColor
: UIColor - Customize the color of the marks.markWidth
: Float - Customize the width of the marks.markPositions
: [Float] - Set in a percentage system from 0 to 100 where the marks should be placed.
selectedBarColor
: UIColor - Customize the color of the selected side of the slider.unselectedBarColor
: UIColor - Customize the color of the unselected side of the slider.
- Summer slider is based on JMMarkSlider.
SuperbDerrick, [email protected]
Please Let me know pull request or if you want to use this library in your application.
SummerSlider is available under the MIT license. See the LICENSE file for more info.