CollectionView에서 셀 고르게 표시 - 셀 위에 배율로 표시 버튼

Result

세 열에 셀 보이기

각 단원의 오른쪽 아래에 즐겨찾기 단추 같은 것을 표시

4:07AM에 어울리는 건 귀여움!🌙
인코딩
https://github.com/keisei1092/celltest

Init

New -> Project -> iOS -> Single View Application

Main.Storyboard

CollectionView 배치

CollectionView 배경을 검은색으로 설정하고 CollectionViewCell 배경을 흰색으로 설정합니다.

(↓ 이미지에서 CollectionViewCell의 가로 세로 100은 신경 쓰지 마십시오)

CollectionViewCell을 선택하고 Attibutes Inspector의 Collection Reusable View의 Identifier에 Cell

을 입력합니다.

Collection View에서 View Controller로 Controller를 드래그하여 dataSource 및delegate

를 확인합니다.

Collection View Flow Layout의 Min Spacing을 2

로 설정

이제 준비됐습니다.

CollectionViewCell 균일하게 배치

코드를 쓰다.

import UIKit

class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {

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

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

    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        return collectionView.dequeueReusableCellWithReuseIdentifier("Cell", forIndexPath: indexPath) as UICollectionViewCell
    }

    func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
        return 1
    }

    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 20;
    }

    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
        return CGSizeMake(self.view.frame.size.width / 3 - 2, self.view.frame.size.width / 3 - 2)
    }

}