1.建立專案後,拉一個Collection View
2.拉一個Image View進去Collection View Cell裡面
3.點選Collection View Cell -> 在Identifier輸入名稱 這裡設定cell
4.在Collection View點右鍵 ->連結dataSource與delegate到View Controller
5.建立一個Cell.swift檔案,點選cell,在Class選擇Cell
接著把Image View拉過去建立 var imgView
import UIKit class Cell: UICollectionViewCell { @IBOutlet var imgView: UIImageView! }
6.放入兩張測試用圖片
7.ViewController.swift
import UIKit class ViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate{ let photoCount = 2 //照片張數 override func viewDidLoad() { super.viewDidLoad() } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int { return 1 } func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return photoCount } func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { //取得cell let cell: Cell = collectionView.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! Cell print("indexPath:\(indexPath.row)") if indexPath.row == 0{ cell.imgView.image = UIImage(named: "p1.jpg") // 放入第一張 }else{ cell.imgView.image = UIImage(named: "p2.jpg") // 放入第二張 } return cell } }
檔案下載:
https://github.com/terryyamg/PhotosGalleryTest
參考來源:
https://github.com/TDAbboud/PhotosGalleryApp
http://www.brianjcoleman.com/tutorial-collection-view-using-swift/
沒有留言 :
張貼留言