27

Here’s a nice tutorial that goes step-by-step through the process of creating cards with cool Tinder style dragging animations from Nimrod Gutman.

Specifically the tutorial covers:

  • Setting up a draggable image view
  • Modifying the rotation and scale while the image is being dragged to match the effect seen in the Tinder app
  • Adding overlay images as the image is dragged
  • Performing the selected action

You can find the tutorial over on Nimrod Gutman’s blog.

Richard Kim has put together a nice example called TinderSimpleSwipeCards based on Nimrod’s tutorial adding in a number of neat customizations, and here’s an animation showing Richard’s example in action:

TinderSimpleSwipeCards

You can find TinderSimpleSwipeCards on Github here.

A nice tutorial and example on implementing the swipe to choose feature.