CollectionViewのCellの見た目 位置,サイズなどを動的にしたい.

Question

iPhoneアプリの作っている初心者なのですが
CollectionViewのcellを5×6のcellからnavigation barの右あるボタンを押すとcellのサイズも変わって6×6になるというプログラムを作りたいです.
この行数と列数はViewContorllerの方でメンバ変数として作ってあります

class CollectionViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource {
    var myCollectionView : UICollectionView!
    var gyou:Int = 6
    var retu:Int = 5

override func viewDidLoad() {
        super.viewDidLoad()
        
        let width = self.view.bounds.width
        let height = self.view.bounds.height

        // CollectionViewのレイアウトを生成.
        let layout = UICollectionViewFlowLayout()
        layout.itemSize = CGSizeMake(width/(CGFloat(gyou)+1),height/CGFloat(retu)+1) //Cellの大きさ
        layout.sectionInset = UIEdgeInsetsMake(16, 0, 32, 0) // Viewの外枠 cellを表示しない余白のサイズ
        layout.headerReferenceSize = CGSizeMake(10,10) // セクション毎のヘッダーサイズ.
        layout.minimumInteritemSpacing = 1.0 //アイテム同士の余白
        layout.minimumLineSpacing = 2.0 //セクションとアイテムの余白

        // CollectionViewを生成.
        myCollectionView = UICollectionView(frame: self.view.frame, collectionViewLayout: layout)
        
        // Cellに使われるクラスを登録.
        myCollectionView.registerClass(CustomUICollectionViewCell.self, forCellWithReuseIdentifier: "MyCell")
        
        self.view.addSubview(myCollectionView)
        
        myCollectionView.delegate = self
        myCollectionView.dataSource = self
}

それでボタンのアクションを

 @IBAction func HennsyuButton(sender: AnyObject) {
        retu = 6
        myCollectionView.reloadData()
    }

としてreloadさせたいのですがこれではviewdidloadが呼ばれないので見た目が変わらず.なので
次は

/*
    Cellに値を設定する
    */
    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        let width = self.view.bounds.width
        let height = self.view.bounds.height
        let cell : CustomUICollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier("MyCell", forIndexPath: indexPath) as! CustomUICollectionViewCell
        cell.frame.size = CGSizeMake(width/CGFloat(gyou)+1, height/CGFloat(retu)+1)
        cell.textLabel?.text = indexPath.row.description
        print("call here")
        return cell
    }

こうしたらloaddata()[ボタンを押すと]でcall here ってでてここが呼ばれたのがわかったのですがcellのサイズが小さくなるだけでcellの表示が6×6になりませんでした.

またcell.frameにCGRectMakeを使ってcellの位置を上のメソッドで変えてやってもサイズだけが変わるだけでcellの位置は変わりませんでした.
ボタンなどで動的にCollectionCellViewの見た目,Cellのサイズ,レイアウトなどを変えることができるようにどのように実装すればよいでしょうか?

またなぜ上のメッソドの中でcellのサイズは変わってもcellの位置は変えられないのでしょうか.お教えお願いします.

Answer 1

cellのサイズを変更してもcellの大きさが変わるだけなので、

let layout = UICollectionViewFlowLayout()
layout.itemSize = CGSizeMake(width/(CGFloat(gyou)+1),height/CGFloat(retu)+1) //Cellの大きさ

このlayoutを変更しないとcellのlayoutを変更することはできません。

そのため、ボタンをタップしたら、layoutの変更を下記のように行ったら変更できます。

@IBAction func HennsyuButton(sender: AnyObject) {
        gyou = 6  //ここで変更したい値を入れます。
        let layout = UICollectionViewFlowLayout()
        layout.itemSize = CGSizeMake(width/(CGFloat(gyou)+1),height/CGFloat(retu)+1) //Cellの大きさ
        layout.sectionInset = UIEdgeInsetsMake(16, 0, 32, 0) // Viewの外枠 cellを表示しない余白のサイズ
        layout.headerReferenceSize = CGSizeMake(10,10) // セクション毎のヘッダーサイズ.
        layout.minimumInteritemSpacing = 1.0 //アイテム同士の余白
        layout.minimumLineSpacing = 2.0 //セクションとアイテムの余白

        myCollectionView.collectionViewLayout = layout //layoutの更新
        myCollectionView.reloadData  //これはいらないかもしれません
}

Comments

[mashiroyuya]

回答ありがとうございます。
```Swift
myCollectionView.collectionViewLayout = layout //layoutの更新
```
のところで

*** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '*** setObjectForKey: object cannot be nil (key: <NSIndexPath: 0xc000000000000016> {length = 2, path = 0 - 0})'
***

というエラーが出てしまいます.このエラーはどういう意味でしょうかご教授お願いできますか?

[domonr]

http://xcodeprogirl.hatenablog.com/entry/2014/01/10/120035
エラーの内容でぐぐるとこんな感じの記事が出てきますが、setObjectForKeyを使用しているわけではないですよね？
エラー内容的にはnilが関連してそうな事はわかるのですが...
エラーが出たときの画面全体のスクショとかいただけたらなにかわかるかもしれません。

Answer 2

これで実現できるけど、質問を読み違えていたら、ごめんなさい。

    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
//        return 30
        return gyou * retu;
    }

Comments

[mashiroyuya]

回答ありがとうございます。そのコードはすでに実装してあって,5×6のcellを表示するのはできているのですがそれをボタンを押すことで6×6にするということをしたいのです。

[izkn]

最初に
var gyou:Int = 6
var retu:Int = 5
と宣言して、
gyou = 6
なら何も変わらないぜ、兄貴　(T . T)
私も
gyou++
と勝手に脳内で変換して打ったから、今まで気がつかなかったんですけどね。

[mashiroyuya]

むむ、、、
すみません。gyou=6じゃ何もかわらないので retu=6に変更しました.