Skip to content

Instantly share code, notes, and snippets.

@anupamchugh
Created December 15, 2020 14:17
Show Gist options
  • Save anupamchugh/6a7f8941dc097d2e9c467cf791d94c91 to your computer and use it in GitHub Desktop.
Save anupamchugh/6a7f8941dc097d2e9c467cf791d94c91 to your computer and use it in GitHub Desktop.
protocol SwipeCardsDataSource {
func numberOfCardsToShow() -> Int
func card(at index: Int) -> TinderCardView
func emptyView() -> UIView?
}
protocol SwipeCardsDelegate {
func swipeDidEnd(on view: TinderCardView)
}
class TinderCardView : UIView {
//MARK: - Properties
var swipeView : UIView!
var delegate : SwipeCardsDelegate?
var dataSource : DataModel? {
didSet {
swipeView.backgroundColor = dataSource?.bgColor
}
}
//MARK: - Init
override init(frame: CGRect) {
super.init(frame: .zero)
configureSwipeView()
addPanGestureOnCards()
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
//MARK: - Configuration
func configureSwipeView() {
swipeView = UIView()
swipeView.layer.cornerRadius = 15
swipeView.clipsToBounds = true
addSubview(swipeView)
swipeView.translatesAutoresizingMaskIntoConstraints = false
swipeView.leftAnchor.constraint(equalTo: leftAnchor).isActive = true
swipeView.rightAnchor.constraint(equalTo: rightAnchor).isActive = true
swipeView.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true
swipeView.topAnchor.constraint(equalTo: topAnchor).isActive = true
}
func addPanGestureOnCards() {
self.isUserInteractionEnabled = true
addGestureRecognizer(UIPanGestureRecognizer(target: self, action: #selector(handlePanGesture)))
}
func leftSwipeClicked(stackContainerView: StackContainerView)
{
let finishPoint = CGPoint(x: center.x - frame.size.width * 2, y: center.y)
UIView.animate(withDuration: 0.4, animations: {() -> Void in
self.center = finishPoint
self.transform = CGAffineTransform(rotationAngle: -1)
}, completion: {(_ complete: Bool) -> Void in
stackContainerView.swipeDidEnd(on: self)
self.removeFromSuperview()
})
}
func rightSwipeClicked(stackContainerView: StackContainerView)
{
let finishPoint = CGPoint(x: center.x + frame.size.width * 2, y: center.y)
UIView.animate(withDuration: 0.4, animations: {() -> Void in
self.center = finishPoint
self.transform = CGAffineTransform(rotationAngle: 1)
}, completion: {(_ complete: Bool) -> Void in
stackContainerView.swipeDidEnd(on: self)
self.removeFromSuperview()
})
}
//MARK: - Handlers
@objc func handlePanGesture(sender: UIPanGestureRecognizer){
let card = sender.view as! TinderCardView
let point = sender.translation(in: self)
let centerOfParentContainer = CGPoint(x: self.frame.width / 2, y: self.frame.height / 2)
card.center = CGPoint(x: centerOfParentContainer.x + point.x, y: centerOfParentContainer.y + point.y)
switch sender.state {
case .ended:
if (card.center.x) > 400 {
delegate?.swipeDidEnd(on: card)
UIView.animate(withDuration: 0.2) {
card.center = CGPoint(x: centerOfParentContainer.x + point.x + 200, y: centerOfParentContainer.y + point.y + 75)
card.alpha = 0
self.layoutIfNeeded()
}
return
}else if card.center.x < -65 {
delegate?.swipeDidEnd(on: card)
UIView.animate(withDuration: 0.2) {
card.center = CGPoint(x: centerOfParentContainer.x + point.x - 200, y: centerOfParentContainer.y + point.y + 75)
card.alpha = 0
self.layoutIfNeeded()
}
return
}
UIView.animate(withDuration: 0.2) {
card.transform = .identity
card.center = CGPoint(x: self.frame.width / 2, y: self.frame.height / 2)
self.layoutIfNeeded()
}
case .changed:
let rotation = tan(point.x / (self.frame.width * 2.0))
card.transform = CGAffineTransform(rotationAngle: rotation)
default:
break
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment