Tip: 致敬@簡(jiǎn)書
參照原創(chuàng)文章:kittenyang.com/collectionview/
最終效果
新建一個(gè)項(xiàng)目
1. 選擇Single View Application模板
2. 刪除Main.storyborad中的默認(rèn)ViewController
3. 刪除文件列表中的ViewController.h && ViewController.m
新建并設(shè)置Collection View Controller
1. 拖拽一個(gè)Collection View Controller到Main.Storyboard中
2. 在Attributes Inspector中惰瓜,設(shè)置為Is Initial View Controller
3. New File , 繼承自UICollectionViewController
4. 回到Main.storyboard,設(shè)置Collection View Controller的Custom Class
新建并設(shè)置Collection View Cell
1. New File,繼承自UICollectionViewCell
2. 回到Main.storyborad吆视,設(shè)置Collection View里Cell視圖的Custom Class
3. 布置Cell,調(diào)整Cell的大小崇败,添加ImageView并配上合適的圖片贩猎,添加Label
4. 關(guān)聯(lián)Cell視圖中的Image View 和 Label控件到CollectionViewCell.h
實(shí)現(xiàn)協(xié)議
1. 返回每個(gè)Section的item的個(gè)數(shù)
2. 返回Cell
關(guān)鍵點(diǎn)
1. kReuseId = "Mycell",這里的值需要和下圖中的配置一致
2. 使用Identifier后坑匠,不能用代碼注冊(cè)Cell(你可以試一試)