Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

README.md

StoreScrollIndicator

A paging indicator like Apple Store app.

Apple Store App:

Requirement

  • iOS 9.3 and later
  • Swift 4.2
  • Xcode 8 (Sample Project)

Usage

1. Copy ScrollIndicatorView.swift to your project

  • ScrollIndicatorView.swift
  • StackedIndicatorView.swift
    • Stacked style

2. Put the ScrollIndicatorView / StackedIndicatorView

Put the custom view on a nib, then set Class as ScrollIndicatorView or StackedIndicatorView.

Also initializable from your code.

3. Set properties

scrollIndicatorView.numberOfPages = 5
scrollIndicatorView.style = .marker   // Marker Style
scrollIndicatorView.style = .progress // Progress Style
scrollIndicatorView.style = .autoProgress // Timer Style
scrollIndicatorView.indicatorColor = UIColor.orange // Indicator Color

4. Implement UIScrollViewDelegate

  • To fade in effect
    • scrollViewDidScroll()
  • To fade out effect
    • scrollViewDidEndDragging()
    • scrollViewDidEndDecelerating()
    • scrollViewDidEndScrollingAnimation()
func scrollViewDidScroll(_ scrollView: UIScrollView){
	scrollIndicatorView.scrollToOffsetOf(scrollView: scrollView)
	
	if scrollView.isTracking || scrollView.isDragging {
		scrollIndicatorView.fadeIn()
	}
}

func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {
	scrollIndicatorView.fadeOut()
}

func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
	scrollIndicatorView.fadeOut()
}

func scrollViewDidEndScrollingAnimation(_ scrollView: UIScrollView) {
	scrollIndicatorView.fadeOut()
}

License

See LICENSE (MIT) for details.

About

A paging indicator like Apple Store app.

Resources

License

Releases

No releases published

Packages

No packages published

Languages

You can’t perform that action at this time.