[swift] Swift Koloda를 사용하여 카드 스와이프 후 새로운 카드 가져오기

16 Nov 2023

swift

앱에서 카드 기반의 인터페이스를 구현하려면 Swift Koloda 라이브러리를 사용할 수 있습니다. 이 라이브러리는 카드를 스와이프하여 특정 동작을 수행하는 기능을 제공합니다. 이 기능을 사용하여 사용자가 카드를 스와이프하면 다음 카드를 가져오는 기능을 구현해보겠습니다.

Koloda 라이브러리 설치 및 설정

Podfile에 다음과 같은 line을 추가합니다:
```
pod 'Koloda'
```
터미널을 열고 프로젝트 디렉토리로 이동한 다음 다음 명령어를 실행하여 라이브러리를 설치합니다:
```
pod install
```
Xcode에서 .xcworkspace 파일을 엽니다.
해당 ViewController 파일을 선언하고, KolodaViewDelegate 및 KolodaViewDataSource 프로토콜을 채택합니다.

카드 데이터 소스 설정

다음으로, 카드 데이터를 구성하기 위해 KolodaViewDataSource 프로토콜을 구현해야 합니다. 예를 들어, images라는 배열을 사용하여 이미지 카드를 만들어 보겠습니다.

class ViewController: UIViewController, KolodaViewDelegate, KolodaViewDataSource {
    
    var images = [UIImage(named: "img1"), UIImage(named: "img2"), UIImage(named: "img3")]
    
    // ...
    
    func kolodaNumberOfCards(_ koloda: KolodaView) -> Int {
        return images.count
    }
    
    func koloda(_ koloda: KolodaView, viewForCardAt index: Int) -> UIView {
        let imageView = UIImageView(image: images[index])
        imageView.contentMode = .scaleAspectFill
        return imageView
    }
    
    // ...
}

새로운 카드 가져오기

이제 카드를 스와이프할 때마다 새로운 카드를 가져오는 기능을 구현해 보겠습니다.

class ViewController: UIViewController, KolodaViewDelegate, KolodaViewDataSource {
    
    var images = [UIImage(named: "img1"), UIImage(named: "img2"), UIImage(named: "img3")]
    var currentIndex = 0
    
    // ...
    
    func koloda(_ koloda: KolodaView, didSwipeCardAt index: Int, in direction: SwipeResultDirection) {
        currentIndex += 1
        if currentIndex >= images.count {
            // 카드 더미가 모두 소진되었을 경우, 새로운 카드를 가져옵니다.
            // 예를 들어, 새로운 이미지를 서버에서 가져올 수 있습니다.
            let newImage = UIImage(named: "newImage")
            images.append(newImage)
        }
    }
    
    // ...
}

위와 같이 didSwipeCardAt 메서드를 구현하여 사용자가 카드를 스와이프할 때마다 currentIndex를 증가시킵니다. 만약 currentIndex가 이미지 배열의 크기보다 크거나 같다면, 새로운 카드를 가져오는 로직을 구현할 수 있습니다. 이 예시는 이미지를 배열에 추가하는 방식으로 새로운 카드를 가져오는 것을 보여주고 있습니다.

이제 당신의 앱에서 Swift Koloda를 사용하여 사용자가 카드를 스와이프할 때마다 새로운 카드를 가져오는 기능을 구현할 수 있게 되었습니다.