Skip to content

Swipe able, customizable card stack view, Tinder like card stack view based on UICollectionView. Cards UI

License

Notifications You must be signed in to change notification settings

tispr/tispr-card-stack

Repository files navigation

Swipable, customizable card stack view, Tinder like card stack view based on UICollectionView. Cards UI

Swipable, customizable card stack view, Tinder like card stack view based on UICollectionView

Сocoapods installation

Add in your Podfile:

pod 'TisprCardStack'

please pay attention:

  • 2.x.x versions with swift 4.0
  • 1.x.x versions with swift 3.0

And in your *.swift:

import TisprCardStack

Manual installation

Add TisprCardStackViewCell.swift,TisprCardStackViewController.swift, TisprCardStackViewLayout.swift into your Xcode project.

Usage start

  1. Create controller 'TisprCardStackViewController' with 'TisprCardStackViewLayout' collectionViewLayout

  2. Configuration TisprCardStackViewController,

      setAnimationSpeed(0.85)
      setCardSize(size)
  1. then specify count of cards,
func numberOfCards() -> Int {}
  1. return cards by index:
card(collectionView: UICollectionView, cardForItemAtIndexPath indexPath: NSIndexPath) -> TisprCardStackViewCell {}

Additional features/options

  1. Adding a new card: How to call the animation:
func newCardWasAdded()
  1. How to configure the amount of visible cards in each stack (top and bottom):
      layout.topStackMaximumSize = 4
      layout.bottomStackMaximumSize = 30
      layout.bottomStackCardHeight = 45
  1. Changing card position: How to call the movement of a card from the top to the bottom stack and vice versa:
      moveCardUp()
      moveCardDown()
  1. Delete card:
  	deleteCard
  1. You can track changing of card stack in method:
  func cardDidChangeState(cardIndex: Int)

For more detail, see the sample project.

Contact owner

Indy

License

Apache License Version 2.0. See LICENSE.txt