必須自定義UICollectionViewCell

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

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

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

• 設置每一個item的尺寸,和屏幕尺寸大小一樣
• 設置行間距
• 設置每一個item之間的間距
• 設置滾動方向為水平

實現數據源方法

在- (void)setup方法中對collectionView進行初始化的設置

• 設置分頁
• 禁止彈簧效果
• 隱藏滾動條

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

• 線
• 球
• 大標題
• 小標題

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

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