kolodaviewの画像に対応するタイトルの表示

Question

kolodaの画像に対応するテキストを出力する

歌のタイトルを入力しその曲のジャケット写真をkolodaで表示させるアプリを作っています
その時にそのタイトル名をlabelで出したいのですが、写真に対応するタイトル名を表示させることができません
特に、一枚めの画像のタイトルと、前の画像に戻すときにタイトルを戻す方法がわかりません

発生している問題・エラーメッセージ

　kolodaの1枚目のタイトルが表示されない
　前の画像に戻った時にそれに応じてタイトルが変更されない

該当のソースコード

import UIKit
import Koloda
import RealmSwift
import Accounts
import LINEActivity
import FontAwesome_swift

class ViewController: UIViewController,KolodaViewDelegate, KolodaViewDataSource {

    @IBOutlet weak var label: UILabel?
    
    @IBOutlet weak var kolodaView: KolodaView!
    
    @IBOutlet weak var buttonRight: UIButton!
    
    @IBOutlet weak var buttonRevert: UIButton!
    
    @IBOutlet weak var buttonLeft: UIButton!
    var musics:[Musics] = []
    
/*    var titles: [String] = []
    
    var images: [Data] = []
 */
    
    func reloadView(){
    let realm = try! Realm()
    
    musics = realm.objects(Musics.self).reversed()
    
    kolodaView.reloadData()
    }
    
    override func viewDidLoad() {
        
        super.viewDidLoad()
       
        kolodaView.delegate = self
        kolodaView.dataSource = self
        
        buttonLeft.titleLabel?.font = UIFont.fontAwesome(ofSize: 30, style: .solid)
        buttonLeft.setTitle(String.fontAwesomeIcon(name: .heartBroken), for: .normal)
        
        
        buttonRight.titleLabel?.font = UIFont.fontAwesome(ofSize: 30, style: .solid)
        buttonRight.setTitle(String.fontAwesomeIcon(name: .heartbeat), for: .normal)
        
        buttonRevert.titleLabel?.font = UIFont.fontAwesome(ofSize: 30, style: .solid)
        buttonRevert.setTitle(String.fontAwesomeIcon(name: .undo), for: .normal)
        
        print(Realm.Configuration.defaultConfiguration.fileURL!)
        
      
        
        
       
    }
    
    override func viewWillAppear(_ animated: Bool) {
/*        if let titles = UserDefaults.standard.array(forKey: "titles") {
            self.titles = titles as! [String]
        }
 */
    /*    if let images = UserDefaults.standard.array(forKey: "images") {
            self.images = images as! [Data]
        }
 */
        reloadView()
        
       
      
    }
    func koloda(_ koloda: KolodaView, didSwipeCardAt index: Int, in direction: SwipeResultDirection) {
        
        label!.text = musics[index + 1].name
        
    }
    func koloda(_ koloda: KolodaView, viewForCardAt index: Int) -> UIView {
 
        let img = UIImage(data: musics[index].image)
        
        return UIImageView(image: img)
 
        
 /*       let cell = Bundle.main.loadNibNamed("CustomViewCell", owner: self, options: nil)?.first as? KolodaCellViewController
        
        cell!.label.text = musics[index].name
        
        let img = UIImage(data: musics[index].image)
        
        cell?.view = UIImageView(image: img)
        
        
        return cell!.view
 
 */
        
        
    }
    
    func kolodaNumberOfCards(_ koloda: KolodaView) -> Int {
        /*      return images.count
 */
        return musics.count
    }
    
  
}

//realm
import RealmSwift

class Musics: Object{
    @objc dynamic var id: Int = 0
    
    @objc dynamic var image:Data = Data()
    
    @objc dynamic var name:String = ""
}

試したこと

viewdidloadやviewwillAppear、shouldSwipeCardAt,didSwipeCardAtなどでindexの値も工夫しながらやってみたんですが、1枚目の画像のタイトルが表示されません。2枚目の曲からは表示されます。また、一度戻すとそれに応じてタイトルも戻したいんですが、そうなりません

Answer 1

タイトルの1つめが出ないのは下記が原因

func koloda(_ koloda: KolodaView, didSwipeCardAt index: Int, in direction: SwipeResultDirection) {

    // ????‍♀️ index は 0 からのはず
    label!.text = musics[index + 1].name

    // ????‍♂️ index を使う(musics[0].nameにタイトルの1つ目がある)
    label!.text = musics[index].name
}

その上で前の画像に戻すのは revertAction という関数が
用意されているようなのでそのまま使えばいいと思います。
関数の中の処理はしっかりみておいたほうがいいと思います。
また，koloda の GitHub にサンプルプロジェクトがあるので参考にしてみてください。

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

Comments

[anddy]

ご回答ありがとうございます。

試してみましたが、どちらもうまくいきませんでした。。。。

[TakuyaAso]

それは残念でしたー