https://github.com/superbderrick/summerslider
:lollipop: SummerSlider that can distinguish the parts where the advertisement of the video player comes out
https://github.com/superbderrick/summerslider
avplayer avplayerview ios-ui ios-uiview ios-video-player slider uislider vast youtube-video
Last synced: 3 months ago
JSON representation
:lollipop: SummerSlider that can distinguish the parts where the advertisement of the video player comes out
- Host: GitHub
- URL: https://github.com/superbderrick/summerslider
- Owner: superbderrick
- License: mit
- Created: 2017-08-30T04:31:53.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-09-29T07:21:40.000Z (over 4 years ago)
- Last Synced: 2024-09-28T03:21:29.398Z (7 months ago)
- Topics: avplayer, avplayerview, ios-ui, ios-uiview, ios-video-player, slider, uislider, vast, youtube-video
- Language: Swift
- Homepage:
- Size: 10.3 MB
- Stars: 65
- Watchers: 4
- Forks: 6
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SummerSlider
[](https://travis-ci.org/superbderrick/SummerSlider)
[](http://cocoapods.org/pods/SummerSlider)
[](http://cocoapods.org/pods/SummerSlider)
[](http://cocoapods.org/pods/SummerSlider)
[](http://hits.dwyl.com/superbderrick/https://githubcom/superbderrick/SummerSlider)
## SummerSlider
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
## UseCases
- Youtube Player UI scenario
It s
s 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
## Demo
#### Basic
#### Usecase(IMA SDK)
## Requirements
- Swift 3,4.0,5.0
- iOS 8.0+
- Xcode 8
## How to install
SummerSlider is available through [CocoaPods](http://cocoapods.org). To install
it, simply add the following line to your Podfile:
Swift 3.0
```ruby
pod 'SummerSlider', '~>0.2.0'
```
Swift 4.0
```ruby
pod 'SummerSlider', '~>0.3.0'
```
Swift 5.0
```ruby
pod 'SummerSlider', '~>0.4.0'
```
#### Classic and ancient way
Copy into your project the following files:
`SummerSlider.swift` , `Constants.swift`,
`HorizontalSlider.swift`,`Slider.swift`,`SliderDrawingProtocol.swift`,`SliderFactory.swift`,
`SummerSliderTypes.swift`,`VerticalSlider.swift`,
How to use it?
------------
#### First way (User Interface):
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()
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()
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)
```
Setting the marks
------------
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]
```
Customization
------------
Here you can see a bunch of parameters that you can change:
#### Marks
- `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.
#### Bar colors
- `selectedBarColor`: UIColor - Customize the color of the selected side of the slider.
- `unselectedBarColor`: UIColor - Customize the color of the unselected side of the slider.
## Author
SuperbDerrick, [email protected]
## References
Please Let me know pull request or if you want to use this library in your application.
## License
SummerSlider is available under the MIT license. See the LICENSE file for more info.