I have a problem that occurs very seldom but it's pretty ugly.

First time when I open my screen where I have the draggables cards , the cards appears in very little size and placed in the top left.

Does anyone know how to fix this or is it a fix already existing?

#118

Added the ability to swipe in any direction. Currently implemented directions are:

public enum SwipeResultDirection:String {
    case None
    case Left
    case Right
    case Up
    case Down
    case TopLeft
    case TopRight
    case BottomLeft
    case BottomRight
}

It could also be extended to another custom direction by specifying a direction point (the coordinate system has its origin at the center to the cardView).

Most drastic changes are:

• to determine the swiped direction it compares the current drag vector to the defined direction vectors and determines which direction the drag has the larges projection
• to determine the swipe percentage, it calculates the normalised distance between the center point of the card, and the border point of the card in the direction in question
  • Also changes had to be made to the animation code so it would be responsive to all direction drags - this is the part I'm least familiar with in the code so I'd advice special care when reviewing these changes

Dear Yalantis,

I'm using Swift 2.0 + Xcode 7.0 GM seed, with the swift2.0 branch of Koloda. I get an EXC_BAD_ACCESS error for: self.kolodaView.dataSource = self self.kolodaView.delegate = self

Here is a screenshot:

Thanks!

Erik

I wanted to try using this with data from parse.com, I'm familiar with pulling data in tableview controller using cellforrowatindexpath and updating tableview cell, is there something similar way to achieve that with Koloda. The example uses static images, but i want to populate a view from data from parse.com and update each card accoringly (label, uiimageview) .

When the user swipe I remove my array on the index which the datasource returns I'm trying to remove my array on

func koloda(_ koloda: KolodaView, didSwipeCardAt index: Int, in direction: SwipeResultDirection) {
  self.array.remove(at: index)
}

The problem is afert that I will get an fatal error: Index out of range

on

  func koloda(_ koloda: KolodaView, viewForCardAt index: Int) -> UIView {}

What I'm doing wrong ? :/

I'm using a custom view that I load within the KolodaView instead of images as cards. Is there any way to put the revertAction() function in this custom view? The purpose is to go back to previous card inside the card, not outside. I delegate the action from the custom view to a viewcontroller. Actions work fine apart from the revertAction function. (KolodaView is nil)

I am using Koloda in project. Thanks koloda. I added looping property. I will be glad if this feature is added in koloda. If Another solution exists, please let me know...

I just started using Koloda and it is perfect except for this one issue. It doesn't happen all the time but it is annoying when it does.

As you can see below, the Koloda Card resizes to a very small size. Once I swipe away this card it goes back to normal.

This is what it should look like.

Using Swift 3.1. Tested on iOS 10 but the issue also occurs on iOS 11. Any help appreciated 👍

Hi,

I am using Koloda to fetch an Array of Objects into the Card so every card gets a row from my database. I have seen the networking exemple with Alamofire and tried my own code that implements Parse using the same exemple. It is getting the objects from Parse but I have not been able to display them into the cards. Weird, actually I have no errors and the console display "Successfully retrieved 5 objects", but this is only the loadData() function.

What am I basically trying to achieve: I have (MyView.xib, MyView.swift) that provides the labels. (What I want, is to retrieve from the array to texts into the labels from xib)

I am retrieving the objects but I have not been successful on displaying them into the card:

Successfully retrieved 5 posts.
Optional("EvUICgRQ6E")
Optional("5kC0FLKQON")
Optional("1Uyxb2M1Et")
Optional("aeJpRCG7Qn")
Optional("GDmGh3IULm")

Some Errors: If I am returning the "numberOfCards" --- I am getting this error:

fatal error: Array index out of range
(lldb) 

If I return: "return UInt (self.data.count)" I am not getting any errors but the cards are not being displayed at all.

I am a bit of a newbie, but pointed into a good direction I will be able to get it done.

This is my ViewController.swift code:

//
//  ViewController.swift
//  TinderCardsSwift
//
//  Created by Eugene Andreyev on 4/23/15.
//  Copyright (c) 2015 Eugene Andreyev. All rights reserved.
//

import UIKit
import Koloda
import pop
import Parse
import ParseUI

private var numberOfCards: UInt = 3

class retriveData {
    var labelText = ""
    var label2Text = ""

    init(){
    }
    convenience init(_dictionary: Dictionary<String, AnyObject>){
        self.init()

        let getObjects = PFObject()
        labelText = (getObjects.objectForKey("nameEnglish") as? String)!
        label2Text = (getObjects.objectForKey("capital") as? String)!


    }


}

class ViewController: UIViewController, KolodaViewDataSource, KolodaViewDelegate {

    @IBOutlet weak var kolodaView: KolodaView!

    @IBOutlet weak var menuLeft: UIBarButtonItem!
    @IBOutlet weak var searchRight: UIBarButtonItem!

    var data = Array <retriveData>()

    //MARK: Lifecycle
    override func viewDidLoad() {
        super.viewDidLoad()

        kolodaView.dataSource = self
        kolodaView.delegate = self

        menuLeft.target = self.revealViewController()
        menuLeft.action = Selector("revealToggle:")

        searchRight.target = self.revealViewController()
        searchRight.action = Selector("rightRevealToggle:")

        self.modalTransitionStyle = UIModalTransitionStyle.FlipHorizontal

        loadData()
    }

    //MARK: Geting Data From Parse and displaying 5 posts with a print result - WORKING
    func loadData (){

        let query = PFQuery(className:"Countries")
        query.orderByAscending("nameEnglish")
        query.findObjectsInBackgroundWithBlock {
            (objects:[PFObject]?, error:NSError?) -> Void in
            if error == nil {
                // The find succeeded.
                print("Successfully retrieved \(objects!.count) posts.")
                // Do something with the found objects
                if let objects = objects {
                    for object in objects {
                        print(object.objectId)
                    }
                }
            } else {
                // Log details of the failure
                print("Error: \(error!) \(error!.userInfo)")
            }
        }
        self.kolodaView.reloadData()
    }


    @IBAction func logOut4(sender: AnyObject) {

        // Send a request to log out a user
        PFUser.logOut()

        dispatch_async(dispatch_get_main_queue(), { () -> Void in
            let viewController:UIViewController = UIStoryboard(name: "SlideMain", bundle: nil).instantiateViewControllerWithIdentifier("Login_Platform")
            self.presentViewController(viewController, animated: true, completion: nil)


        })

    }

    override func viewWillAppear(animated: Bool) {

        if (PFUser.currentUser() == nil) {
            dispatch_async(dispatch_get_main_queue(), { () -> Void in

                let viewController:UIViewController = UIStoryboard(name: "SlideMain", bundle: nil).instantiateViewControllerWithIdentifier("Login_Platform")
                self.presentViewController(viewController, animated: true, completion: nil)



            })
        }

    }


    //MARK: IBActions
    @IBAction func leftButtonTapped() {
        kolodaView?.swipe(SwipeResultDirection.Left)
    }

    @IBAction func rightButtonTapped() {
        kolodaView?.swipe(SwipeResultDirection.Right)
    }

    @IBAction func undoButtonTapped() {
        kolodaView?.revertAction()
    }

    //MARK: KolodaViewDataSource
    func kolodaNumberOfCards(koloda: KolodaView) -> UInt {
        //return numberOfCards
        return UInt (self.data.count)
    }

    func kolodaViewForCardAtIndex(koloda: KolodaView, index: UInt) -> UIView {
        //return UIImageView(image: UIImage(named: "Card_like_\(index + 1)"))
        /*return (NSBundle.mainBundle().loadNibNamed("MyView",
            owner: self, options: nil)[0] as? UIView)!*/

        let dataView = NSBundle.mainBundle().loadNibNamed("MyView",
            owner: self, options: nil)[0] as? MyView
         let parseData = data[Int(index)]
        dataView?.label1?.text = parseData.labelText
        dataView?.label2?.text = parseData.label2Text

        return dataView!

    }
    func kolodaViewForCardOverlayAtIndex(koloda: KolodaView, index: UInt) -> OverlayView? {
        return NSBundle.mainBundle().loadNibNamed("OverlayView",
            owner: self, options: nil)[0] as? OverlayView
    }

    //MARK: KolodaViewDelegate

    func kolodaDidSwipedCardAtIndex(koloda: KolodaView, index: UInt, direction: SwipeResultDirection) {
    //Example: loading more cards
        if index >= 3 {
            numberOfCards = 6
            kolodaView.reloadData()
        }
    }

    func kolodaDidRunOutOfCards(koloda: KolodaView) {
    //Example: reloading
        //kolodaView.resetCurrentCardNumber()
        loadData()
    }

    func kolodaDidSelectCardAtIndex(koloda: KolodaView, index: UInt) {
        UIApplication.sharedApplication().openURL(NSURL(string: "http://yalantis.com/")!)
    }

    func kolodaShouldApplyAppearAnimation(koloda: KolodaView) -> Bool {
        return true
    }

    func kolodaShouldMoveBackgroundCard(koloda: KolodaView) -> Bool {
        return true
    }

    func kolodaShouldTransparentizeNextCard(koloda: KolodaView) -> Bool {
        return true
    }

    func kolodaBackgroundCardAnimation(koloda: KolodaView) -> POPPropertyAnimation? {
        return nil
    }

}

This is MyView.swift

//
//  MyView.swift
//
//
//  Created by Viorel Petrisor on 12/29/15.
//  Copyright © 2015 Viorel Petrisor. All rights reserved.
//

import UIKit

class MyView: UIView {

    @IBOutlet var label1: UILabel!
    @IBOutlet var label2: UILabel!
    /*
    // Only override drawRect: if you perform custom drawing.
    // An empty implementation adversely affects performance during animation.
    override func drawRect(rect: CGRect) {
        // Drawing code
    }
    */

}

I would deeply appreciate some help!

Next views "origin point" is wrong on iOS 11

When I build on iOS 11, the Koloda View origin point for next views is different than on iOS 10 and previous (see screenshots)

How should it look like?

Report a bug

What did you do?

Same build, same code, one running on iOS 11, the other on iOS 10

What did you expect to happen?

Origin point for next views for both OS to be the same (in the center behind the view like on iOS 10)

What happened instead?

Origin point for next views is off to the right. (each next view has the exact same frame size on iOS 10 and 11, tested through hierarchy inspector)

Your Environment

• Version of the component: 4.0
• Swift version: 3.0
• iOS version: 10.3.2 and 11
• Device: iPhone 6 size for the iOS 11 device. I don't have another size iOS 11 device, and didn't try to use the new Xcode yet.
• Xcode version: 8.3.3
• If you use Cocoapods:

Stack

   CocoaPods : 1.2.1
        Ruby : ruby 2.3.0p0 (2015-12-25 revision 53290) [x86_64-darwin15]
    RubyGems : 2.5.1
        Host : Mac OS X 10.12.5 (16F73)
       Xcode : 8.3.3 (8E3004b)
         Git : git version 2.13.1
Ruby lib dir : /Users/Valentin/.rvm/rubies/ruby-2.3.0/lib
Repositories : master - https://github.com/CocoaPods/Specs.git @ da787c5bf33b991d53ea8db6f5d47dab03dd0f0a

Installation Source

Executable Path: /Users/Valentin/.rvm/gems/ruby-2.3.0/bin/pod

Plugins

cocoapods-deintegrate : 1.0.1
cocoapods-plugins     : 1.0.0
cocoapods-search      : 1.0.0
cocoapods-stats       : 1.0.0
cocoapods-trunk       : 1.2.0
cocoapods-try         : 1.1.0

Podfile

platform :ios, '9.0'
use_frameworks!
inhibit_all_warnings!

def testing_pods
  pod 'Quick'
  pod 'Nimble'
end

def network_pods
  pod 'Alamofire'
  pod 'Moya'
  pod 'Moya/ReactiveCocoa'
end

def general_pods
  pod 'Argo'
  pod 'ReactiveCocoa'
  pod 'AFDateHelper'
  pod 'AsyncSwift'
  pod 'Curry'
end

def security_pods
  pod 'Locksmith'
end

def analytics_pods
  pod 'Analytics'
end

def ui_pods
  pod 'SVProgressHUD'
  pod 'JVFloatLabeledTextField'
  pod 'TPKeyboardAvoiding'
  pod 'Koloda', '4.0'
  pod 'MTCardLayout', :git => "https://github.com/Valpertui/MTCardLayout"
  pod 'Voltron', :git => "https://github.com/Valpertui/Voltron"
  pod 'Auk', :git => "https://github.com/Valpertui/VPAuk"
  pod 'Kingfisher'
  pod 'JSQWebViewController'
  pod 'Intercom'
  pod 'JSQMessagesViewController'
  pod 'JTAppleCalendar', '~> 7.0'
end

target 'Locum' do
  general_pods
  network_pods
  ui_pods
  analytics_pods
end

target 'LocumKit' do
  general_pods
  network_pods

  target 'LocumKitTests' do
    testing_pods
    general_pods
    network_pods
    inherit! :search_paths
  end
end

target 'LocumAppKit' do
  general_pods
  network_pods
  security_pods

  target 'LocumAppKitTests' do
    testing_pods
    general_pods
    network_pods
    inherit! :search_paths
  end  
end

target 'AppTests' do
    ui_pods
    testing_pods
    general_pods
    network_pods
    inherit! :search_paths
end

Project that demonstrates the bug

Sorry I don't have the time to build a project demonstrating the issue yet.

• We wanted to display a message below the lowest card of the stack of cards, therefore we needed to be able to force a click to go through it
• Furthermore we added the ability to add/remove the View to the NotificationCenter
• In addition to that we needed the ability to chance all of the default values to our liking, implemented the missing fields in KolodaView

The more information you provide, the faster we can help you.

⚠️ Select what you want - a feature request or report a bug. Please remove the section you aren't interested in.

A feature request

What do you want to add?

Please describe what you want to add to the component.

How should it look like?

Please add images.

Report a bug

What did you do?

Please replace this with what you did.

What did you expect to happen?

Please replace this with what you expected to happen.

What happened instead?

Please replace this with what happened instead.

Your Environment

• Version of the component: insert here
• Swift version: insert here
• iOS version: insert here
• Device: insert here
• Xcode version: insert here
• If you use Cocoapods: run pod env | pbcopy and insert here
• If you use Carthage: run carthage version | pbcopy and insert here

Project that demonstrates the bug

Please add a link to a project we can download that reproduces the bug.

Report

Undo(revertAction(direction: .right)) action not working on right/left swipe but it working on button tapped. How can we manage undo on swipe card

Your Environment

• Version of the component:
• Swift version: 5.0
• iOS version: 14.7
• Device: All
• Xcode version: 12.5/13.1
• pod "Koloda"

Report

The more information you provide, the faster we can help you.

⚠️ Select what you want - a feature request or report a bug. Please remove the section you aren't interested in.

A feature request

What do you want to add?

Please describe what you want to add to the component.

How should it look like?

Please add images.

Report a bug

What did you do?

Please replace this with what you did.

What did you expect to happen?

Please replace this with what you expected to happen.

What happened instead?

Please replace this with what happened instead.

Your Environment

• Version of the component: insert here
• Swift version: insert here
• iOS version: insert here
• Device: insert here
• Xcode version: insert here
• If you use Cocoapods: run pod env | pbcopy and insert here
• If you use Carthage: run carthage version | pbcopy and insert here

Project that demonstrates the bug

Please add a link to a project we can download that reproduces the bug.

I want to delete the card when the card overlaps the button. I have done with deleting the card but unable to find solution how can I detect the cards is overlapping the button so that on a particular condition I can delete the card.

I am requesting for urgent solution for this problem and want to know what should I do in the scene.....

How should it look like?

it should look just like it shown in the example.

Report a bug

What did you do?

i wrote code just as the example showed . added pod imported the koloda everything

What did you expect to happen?

The view should have been able to show swiping animation as shown in the example

What happened instead?

the data in the view changes as i swipe but the view doesnt show the swiping animation at all.

Your Environment

• Version of the component: insert here
• Swift version: 5
• iOS version: 14.4
• Device: iPhone 11(Simulator)
• Xcode version: 12
• If you use Cocoapods: run pod env | pbcopy and insert here
• If you use Carthage: run carthage version | pbcopy and insert here

Project that demonstrates the bug

Please add a link to a project we can download that reproduces the bug.

TruthOrDare.zip