照片牆(Grid Photo Wall)

利用 flow layout 的 collection view 製作

#53 照片牆(Grid Photo Wall)

研究使用seque 和 prepare(segue:)傳送資料

重點程式碼：

先將圖片放入assets,設定section跟row

var imageNames = [“pic0”,”pic1",”pic2",”pic3",”pic4",”pic5",”pic6",”pic7",”pic8",”pic9",”pic10",”pic11",”pic12",”pic13",”pic14",”pic15",”pic16",”pic17",”pic18",”pic19"]

設定cell

override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: “photoCell”, for: indexPath) as! photoCollectionViewCell
cell.imageView.image = UIImage(named: “pic\(indexPath.item)”)
// Configure the cell
return cell
}

設定傳資料的頁面

@IBSegueAction func detail(_ coder: NSCoder) -> photoViewController? {
let controller = photoViewController(coder: coder)
let cellId = self.collectionView.indexPathsForSelectedItems?.first?.item
controller?.imageName = imageNames[cellId!]
return controller
}

Github:

yvonne4funfun/demo0811-correct