iOS tutorial 11：照片横屏滑动

知识点： UICollectionView UIVisualEffectView UICollectionViewDataSource

• 新建项目Carousel Effect

• 在IB构建UI。Collection View 里的 Scroll Direction 设置成水平滚动。UIVisualEffectView是用来添加模糊效果的，也可以使用类似如下的代码构建：

  let blurEffect = UIBlurEffect(style: .dark)
  let blurEffectView = UIVisualEffectView(effect: blurEffect)
  blurEffectView.frame = view.bounds
  backgroundImageView.addSubview(blurEffectView)

• 创建数据类Interest

• 创建UICollectionViewCell
• 实现UICollectionViewDataSource的方法（有点类似UITableViewDataSource）。

  class ViewController: UIViewController, UICollectionViewDataSource {
  
      @IBOutlet weak var backgroundImageView: UIImageView!
      @IBOutlet weak var collectionView: UICollectionView!
      
      var interests = Interest.createInterests()
      
      override func viewDidLoad() {
          super.viewDidLoad()
          
          collectionView.dataSource = self
          collectionView.dataSource = self
      }
      
      override var preferredStatusBarStyle : UIStatusBarStyle {
          return UIStatusBarStyle.lightContent
      }
  
      func numberOfSections(in collectionView: UICollectionView) -> Int {
          return 1
      }
      
      func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
          return interests.count
      }
      
      func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
          let CellIdentifier = "InterestCell"
          let cell = collectionView.dequeueReusableCell(withReuseIdentifier: CellIdentifier, for: indexPath) as! InterestCollectionViewCell
          
          cell.interest = self.interests[indexPath.item]
          
          return cell
          
      }
  
  }

详细代码： Carousel Effect

参考：30DaysofSwift