[swift] Swift Koloda를 사용하여 카드 삭제 기능 구현하기

16 Nov 2023

swift

이번에는 Swift 프로그래밍 언어를 사용하여 카드 삭제 기능을 구현해보겠습니다. 카카오 개발자 커뮤니티에서 제공하는 Koloda 라이브러리를 사용하여 카드를 스와이프하고 삭제하는 기능을 구현할 예정입니다.

Koloda 라이브러리 설치

먼저, Koloda 라이브러리를 프로젝트에 추가해야 합니다. CocoaPods를 사용하여 설치하는 방법은 다음과 같습니다:

Podfile 파일을 프로젝트 경로에 생성합니다.
Podfile 파일에 다음과 같은 내용을 추가합니다:

platform :ios, '9.0'
use_frameworks!

target 'Your_Target_Name' do
    pod 'Koloda'
end

터미널에서 pod install 명령어를 실행하여 라이브러리를 설치합니다.

Koloda 뷰 설정

Koloda 뷰를 추가하고 설정하는 방법은 다음과 같습니다:

import Koloda

class ViewController: UIViewController, KolodaViewDelegate, KolodaViewDataSource {

    @IBOutlet weak var kolodaView: KolodaView!
    var cardArray = ["Card 1", "Card 2", "Card 3", "Card 4", "Card 5"]

    override func viewDidLoad() {
        super.viewDidLoad()
        
        kolodaView.delegate = self
        kolodaView.dataSource = self
    }
    
    // 카드 개수 반환
    func kolodaNumberOfCards(_ koloda: KolodaView) -> Int {
        return cardArray.count
    }
    
    // 카드 뷰 설정
    func koloda(_ koloda: KolodaView, viewForCardAt index: Int) -> UIView {
        let cardView = UIView()
        cardView.backgroundColor = UIColor.white
        cardView.layer.cornerRadius = 10
        
        let titleLabel = UILabel(frame: CGRect(x: 0, y: 0, width: cardView.frame.width, height: cardView.frame.height))
        titleLabel.text = cardArray[index]
        titleLabel.textAlignment = .center
        cardView.addSubview(titleLabel)
        
        return cardView
    }
    
    // 카드 삭제 기능 구현
    func koloda(_ koloda: KolodaView, didSwipeCardAt index: Int, in direction: SwipeResultDirection) {
        if direction == .right {
            cardArray.remove(at: index)
            kolodaView.reloadData()
        }
    }
}

여기서 cardArray는 카드에 표시될 데이터 배열입니다.

카드 삭제 기능 구현

위의 코드에서는 didSwipeCardAt 메소드를 사용하여 카드를 스와이프하고 삭제할 수 있습니다. 이 메소드는 카드가 스와이프되면 호출되며, 스와이프 방향과 카드 인덱스를 파라미터로 받습니다.

위의 예제에서는 카드를 오른쪽으로 스와이프하면 cardArray에서 해당 카드를 제거하고, kolodaView를 업데이트하여 변경된 카드 배열을 반영합니다.

이제 Koloda를 사용하여 카드 삭제 기능을 구현할 수 있습니다. 손쉽게 카드를 스와이프하고 삭제할 수 있으며, 개발자는 Koloda 라이브러리를 활용하여 다양한 기능을 구현할 수 있습니다.

참고: Koloda 라이브러리 GitHub 페이지에서 더 많은 기능과 사용 방법을 확인할 수 있습니다.