必須自定義UICollectionViewCell

• 懶加載背景imageView-(UIImageView *)bgImageView

• 重寫背景imageView的image屬性的set方法-(void)setImage:(UIImage *)image

在-(instancetype)init方法中設(shè)置布局參數(shù)和布局參數(shù)屬性

• 設(shè)置每一個(gè)item的尺寸,和屏幕尺寸大小一樣
• 設(shè)置行間距
• 設(shè)置每一個(gè)item之間的間距
• 設(shè)置滾動(dòng)方向?yàn)樗?/li>

實(shí)現(xiàn)數(shù)據(jù)源方法

在- (void)setup方法中對(duì)collectionView進(jìn)行初始化的設(shè)置

• 設(shè)置分頁
• 禁止彈簧效果
• 隱藏滾動(dòng)條

在- (void)setupAddChildImageView方法中添加子控件

• 線
• 球
• 大標(biāo)題
• 小標(biāo)題

在滑動(dòng)減速完成時(shí)的代理方法-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView中以動(dòng)畫的方式更換除線以外的子控件

• 聲明除線以外的其余子控件的屬性
• 在添加子控件的方法中給子控件的屬性賦值
• 計(jì)算滑動(dòng)時(shí)的總偏差
• 聲明屬性用來保存滑動(dòng)時(shí)上一次的偏差,用于計(jì)算每一次滑動(dòng)時(shí)的偏差,以便實(shí)現(xiàn)球更換的動(dòng)畫效果。
• 用總偏差與當(dāng)前view的寬度做商來計(jì)算頁碼,進(jìn)而確定更換子控件的圖片的下表
• 根據(jù)頁碼設(shè)置子控件的image屬性,并修改子控件的x值.
• 保存上一次的偏差.