collectionViewCellについて

Question

import UIKit

class ViewController: UIViewController,UICollectionViewDelegate,UICollectionViewDataSource {
    
    @IBOutlet weak var collectionView: UICollectionView!
    
    var model = CardModel()
    var cardArray = [Card]()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        collectionView.delegate = self
        collectionView.dataSource = self
        
        //Call getcard method of cardModel
        cardArray = model.getCards()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        }
    
    //section目のセクションにいくつ行があるかを返す
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        
        return cardArray.count
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CardCell", for: indexPath) as! CardCollectionViewCell
        
        //get the card that collection view is trying to display
        let card = cardArray[indexPath.row]
        
        cell.setCard(card)
        
        return cell
    }
    
    
    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        
        //get the cell that the user selected
        let cell = collectionView.cellForItem(at: indexPath) as! CardCollectionViewCell
        
        //get the card that userselected
        let card = cardArray[indexPath.row]
        
        if card.isFlipped == false{
            
            //Flip the Card
            cell.flip()
            
            card.isFlipped = true
        }else{
            
            cell.flipBack()
            
            card.isFlipped = false
            
        }
        
        
    }

}

import Foundation

class CardModel{
    
    func getCards() -> [Card] {
        
        //Declare an array to store the generate cards
        var generatedCardsArray = [Card]()
        
        //Randomaly generate pairs of card
        for _ in 1...8{
            
            //getNumber
            let randomNumber = arc4random_uniform(13) + 1
            
            //Log the Number
            print("The generated card Number(randomNumber)")
            
            //CreateNumber
            var cardOne = Card()
            cardOne.imageName = "card(randomNumber)"
            
            generatedCardsArray.append(cardOne)
            
            //create secod
            let cardTwo = Card()
            cardTwo.imageName = "card(randomNumber)"
            
            generatedCardsArray.append(cardTwo)
            
            //Optinal: make it so we only have unipue paires of cords
            
            
        }
        
        //Todo: Randomize thr array
        print(generatedCardsArray.count)
        
        //Return the array
        return generatedCardsArray
        
    }
    
    
}

import UIKit

class CardCollectionViewCell: UICollectionViewCell {
    
    @IBOutlet weak var frontImageView: UIImageView!
    
    @IBOutlet weak var backImageView: UIImageView!
    
    var card:Card?
    
    func setCard(_ card:Card){
        
        //keep track of the card that gets passed
        self.card = card
        
        frontImageView.image = UIImage(named: card.imageName)
    }
    
    func flip(){
        
        UIView.transition(from: backImageView, to: frontImageView, duration: 0.3, options: [.transitionFlipFromLeft, .showHideTransitionViews], completion: nil)
        
    }
    
    func flipBack(){
        
        UIView.transition(from: frontImageView, to: backImageView, duration: 0.3, options: [.transitionFlipFromRight, .showHideTransitionViews], completion: nil)
    }
}

カードを押すとこの段階でFlipしてくれるとのことなのですが、Flipされません。
エラーもなくどこで間違えているのか見当がつきません。
identifierも間違いなく設定させれてます。

Comments

[TsukubaDepot]

画像は表示されていますか？
同じコード＋αで試してみていますが、こちらではきちんとフリップしています。

たとえば、
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
の先頭行にprint(#function)などと入れて実行し、セルを選択したときに関数名は表示されますでしょうか。

[Ytan]

コンソールの方にcollectionView(_:cellForItemAt:)と一様表示はされます。

[TsukubaDepot]

collectionView(_:cellForItemAt:) はセルを表示するときに呼ばれる dataSource ですね。なので、ビューが表示されるときに呼ばれる関数です。

一方、collectionView(_:didSelectItemAt:)　はセルをクリックしたときに呼ばれる delegate です。なので、セルをクリックしたときにこちらが呼ばれない（print(#func)の結果が表示されない）のであれば、どこかに問題があるのだと思います。

[Ytan]

collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath)のところに置いておりました。

collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) に直したところコンソールには何も表示されません。

[TsukubaDepot]

Interface Builder でどこかの階層の User Interaction Enabled のチェックが外れている、ということはないでしょうか。
View, CollectionView, CardCell どれか一つでも外れていたらクリックできません。

https://www.l08084.com/entry/2016/05/29/175027

[Ytan]

Interface BuilderのView controllerの中にある物は全てチェックはついてます。CollectionView, CardCellはこのMain.storyboardのInterface Builderの事ですか？

[TsukubaDepot]

私が試した方法だと、Main.storyboard の View Controller に Collection View を配置し、その中に Collection View Cell を置き、Collection Reusable View の Identifire を Card Cell にリネームしています。

[Ytan]

同じです。間違いはないですね。

[Ytan]

collection view
card cell
content view
と言った形です

[TsukubaDepot]

再確認ですが、セルに画像は表示されていますでしょうか。
画像は表示されているのにクリックできないというのであれば、やっぱり何らかの設定を行なっている可能性を否定できません。
一度新規にプロジェクトを立ち上げ、ファイルをコピーしてoutletなどの接続を確認してみてはいかがでしょうか。

[Ytan]

セル16個全てにflipする前に設定していた画像が表示されています。
分かりました！

[Ytan]

新規で立ち上げてFlipはされたのですが、collectionViewCelのセルがStandardのままで上部に固定されたままです。
新しい質問を載せたので、よろしければ確認をお願いしたいです。

[TsukubaDepot]

もし、新規プロジェクトを作ることでクリックの問題がとりあえず解決したのであれば、このトピックは自己解決にしてはどうでしょうか。
新しい方にもコメントを入れました。

Answer 1

新規プロジェクトを立ち上げたところ上手く行きました。