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

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

ただいまの
回答率

89.13%

UICollectionView で Grid 表示 できない。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,217

t5m5y1

score 7

前提・実現したいこと

UICollectionView で 写真をGrid表示したいができない。

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

let cellImage = UIImage(named: photos[indexPath.row])
の部分が
exc_bad_instruction(code=exc_1386_invop. subcode=0x0)
と表示入れる。
右下は
fatal error: Index out of range

エラーメッセージ

該当のソースコード

import UIKit

class ViewController: UIViewController ,UICollectionViewDataSource, UICollectionViewDelegate {

//画像の名前を配列とする
let photos = ["sample01", "sample02", "sample03", "sample04"]

override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
}

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell{

//Cellはストーリーボードで設定したセルのID
let testCell:UICollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier("Cell", forIndexPath: indexPath)

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

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

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

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

return testCell
}

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

func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
//要素数を入れる、要素以上の数字を入れると表示でエラーとなる
return 10;
}

override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}

}

```

補足情報(言語/FW/ツール等のバージョンなど)

参考
https://akira-watson.com/iphone/collectionview.html
・assets.xcassetsにアップした画像をグリッド表示することが目的です。

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 1

checkベストアンサー

0

コードを見ると写真の配列を4つしか用意されていないので、以下の様にCellの数を配列数(4)にすることで表示されると思います。

func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
    //要素数を入れる、要素以上の数字を入れると表示でエラーとなる 
    return photos.count 
}

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/08/07 22:05

    Kentarou様
    ありがとうございます。
    ご回答通りの訂正で表示できました。
    またご相談するかもしれませんがよろしくお願いします。

    キャンセル

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

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