質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.59%

【Swift】Collection Viewの最後のセルだけずれる

受付中

回答 0

投稿

  • 評価
  • クリップ 1
  • VIEW 1,346

nakamu

score 55

生成するセルが偶数個の場合のみ最後のセルに左右のスペースが反映されません。
どうしてでしょうか?

import UIKit

class ChatTopViewController: UIViewController ,UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout {


    @IBOutlet weak var chatTopCollectionView: UICollectionView!

    // 画像の名前を配列とする
    let jumpCoverImageArr = ["jump1", "jump2", "jump3", "jump4", "jump5", "jump6", "jump7", "jump8", "jump9", "jump10"]

    let jumpDateArr = ["2016年10月8日 45号", "2016年10月3日 44号", "2016年9月26日 43号", "2016年9月17日 42号", "2016年9月12日 41号", "2016年9月5日 40号", "2016年8月29日 39号", "2016年8月22日 38号", "2016年8月8日 36・37号", "2016年8月1日 35号"]

    override func viewDidLoad() {
        super.viewDidLoad()

        self.chatTopCollectionView.register(UINib(nibName: "ChatTopCell", bundle: nil), forCellWithReuseIdentifier: "ChatTopCell")


    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

    // collectionViewのセルを返す
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell{

        let chatTopCell = collectionView.dequeueReusableCell(withReuseIdentifier: "ChatTopCell", for: indexPath) as! ChatTopCell

        // Tag番号を使ってImageViewのインスタンス生成
        let chatTopImageView = chatTopCell.contentView.viewWithTag(1) as! UIImageView

        // 画像配列の番号で指定された要素の名前の画像をUIImageとする
        let cellImage = UIImage(named: jumpCoverImageArr[indexPath.row])

        // UIImageをUIImageViewのimageとして設定
        chatTopImageView.image = cellImage

        // Tag番号を使ってLabelのインスタンス生成
        let dateLabel = chatTopCell.contentView.viewWithTag(2) as! UILabel
        dateLabel.text = jumpDateArr[indexPath.row]

        return chatTopCell
    }

    // Screenサイズに応じたセルサイズを返す
    // UICollectionViewDelegateFlowLayoutの設定が必要
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        let cellSize:CGFloat = self.view.frame.size.width*0.9/2
        let jumpImage = UIImage(named: jumpCoverImageArr[indexPath.row])
        let cellImageHeight = jumpImage?.size.height
        let cellImageWidth = jumpImage?.size.width
        let rateImge = cellImageHeight! / cellImageWidth!

        // 正方形で返すためにwidth,heightを同じにする
        return CGSize(width: cellSize, height: cellSize * rateImge + 40)

    }

    // セクション数の設定、今回は1つにセット
    private func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
        return 1
    }

    // セルの左右にスペースを空ける
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
        let cellSpace:CGFloat = self.view.frame.size.width*0.025
        return UIEdgeInsetsMake(0, cellSpace, 0, cellSpace)
    }

    // collectionViewのセルの数を返す
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 8;
    }

    //縦の間隔を決定する
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 0
    }

    // Cell が選択された場合
    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {

        // [indexPath.row] から画像名を探し、UImage を設定
//        let selectedImage = UIImage(named: jumpCoverImageArr[(indexPath as NSIndexPath).row])
//        let selectedLabel = UILabel(named: jumpDateArr[(indexPath as NSIndexPath).row])
//        if selectedImage != nil or selectedLabel != nil {
            // SubViewController へ遷移するために Segue を呼び出す
            performSegue(withIdentifier: "toChatTitleViewController",sender: nil)
//        }

    }

    override func prepare(for segue: UIStoryboardSegue, sender: Any!) {
        if (segue.identifier == "toChatTitleViewController") {
//            let subVC: SubViewController = (segue.destination as? SubViewController)!
            // SubViewController のselectedImgに選択された画像を設定する
//            subVC.selectedImg = selectedImage
        }
    }

}
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.59%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る