D-32 / SegmentedProgressBar

Snapchat / Instagram Stories like progress indicator
MIT License
470 stars 56 forks source link
cocoa instagram ios snapchat swift swift3

Swift Version twitter: @dylan36032

SegmentedProgressBar

A simple little control that animates segments like Snapchat or Instagram Stories.

Screenshot

Requirements

Installation

Drag and drop SegmentedProgressBar.swift into your project. That's it.

Usage

let spb = SegmentedProgressBar(numberOfSegments: 3, duration: 5)
spb.frame = CGRect(x: 15, y: 15, width: view.frame.width - 30, height: 4)
view.addSubview(spb)

spb.startAnimation()

Additional Stuff

Delegate:

spb.delegate = self // has to conform to SegmentedProgressBarDelegate

func segmentedProgressBarChangedIndex(index: Int) {
}

func segmentedProgressBarFinished() {
}

Styling:

spb.topColor = UIColor.white
spb.bottomColor = UIColor.white.withAlphaComponent(0.25)
spb.padding = 2

Pausing / Resuming

spb.isPaused = true
spb.isPaused = false

Skip / Rewind

spb.skip()
spb.rewind()