要實現(xiàn)的效果：
因為這個Cell會出現(xiàn)在系統(tǒng)很多地方此虑，所以這個Cell新建在Main的View中
繼承自UICollectionViewCell 命名為 CollectionNormalCell
來到CollectionNormalCell ?XIB進行布局?
先對能確定的位置的圖標(biāo)進行布局約束甚纲，
拖入圖片和lable進行布局
接下來圖片，進行布局約束朦前，圖片向下的約束相對與圖標(biāo)進行約束
相對于已經(jīng)確定的圖標(biāo)進行布局
給圖片進行設(shè)置圓角,需要設(shè)置兩個屬性
layer.cornerRadius
layer.masksToBounds
設(shè)置圖片未加載的默認(rèn)圖片
繼續(xù)創(chuàng)建布局約束
微調(diào)布局
完整效果
回到之前RecommendViewController注冊Cell的地方介杆，替換成XIB的注冊Cell形式
運行效果
定制個性的Cell 樣式
新建CollectionPrettyCell ?繼承自 collectionViewCell
拖入buttom進行布局鹃操，設(shè)置圖標(biāo)和字體大小，設(shè)置約束條件
布局效果：先確定最下面的城市的buttom的布局約束春哨，如果要做相對布局約束就要設(shè)置高度荆隘，給文字設(shè)置一個高度，城市的布局約束悲靴，下面5臭胜，左邊0設(shè)置高度
對標(biāo)題進行布局莫其，設(shè)置左邊為0癞尚，下面為5 設(shè)置高度，設(shè)置圖片乱陡，上左右都是0 浇揩，下相對與標(biāo)題進行設(shè)置相對布局約束
給圖片進行設(shè)置圓角,需要設(shè)置兩個屬性
layer.cornerRadius
layer.masksToBounds
回到RecommendViewController?
添加
注冊cell
在設(shè)置Cell的地方進行判斷獲取哪個Cell
設(shè)置collectionView的代理
遵守協(xié)議
實現(xiàn)協(xié)議的方法：
運行效果為：第二組與第一組的顯示樣式不同
