FlipView With AutoLayout

最近项目中需要实现一个类似于硬币翻转的双面View,由于太懒了就在github上找了一个。CMSCoinView

之后再具体使用的时候发现很是不便，由于原作者是使用frame进行布局的，我的界面又有许多这样的view，导致代码很不优雅，于是就自己用swift写了一个。

代码实现很简单，思路也很简单，直接看效果图吧。

FlipView.gif

实现思路很简单，在代码里都有简单的注释。
下面几个关键点说一下：

// 此处可以将primaryView和secondaryView改写为需要的view子类，比如UILabel
    var primaryView = UIImageView()
    var secondaryView = UIImageView()

// 将secondaryView send到back， 设置为hidden
    self.sendSubviewToBack(secondaryView)
    secondaryView.hidden = true

// 使用UIView的 transitionFromView(fromView: UIView, toView: UIView, duration: NSTimeInterval, options: UIViewAnimationOptions, completion: ((Bool) -> Void)?)
// 来设置动画效果，这里需要注意的是options这里，需要设置为ShowHideTransitionViews，这主要是因为这个方法会操作视图层级，并添加新的目的地视图，如果使用AutoLayout，动画结束后，视图就没有约束了，所以会显示错误。
UIView.transitionFromView(displayingPrimary ? primaryView : secondaryView,
                                  toView: displayingPrimary ? secondaryView : primaryView,
                                  duration: spinTimeInterval,
                                  options: [.TransitionFlipFromLeft, .ShowHideTransitionViews]) { (finish) in
                                    if finish {
                                        self.displayingPrimary = !self.displayingPrimary
                                        if self.displayingPrimary {
                                            self.secondaryView.hidden = true
                                        } else {
                                            self.secondaryView.hidden = false
                                        }
                                    }
        }

具体使用的时候也很简单，

  let flipView = FlipView()
  self.view.addSubview(flipView)
  flipView.frame = CGRect(x: 125, y: 100, width: 100, height: 100)          
  flipView.primaryView.image = UIImage(named: "surfingCamp")
  flipView.secondaryView.image = UIImage(named: "pokemon2")
  startFlip()

如果使用的时候，可以根据自己项目的需求，修改下FlipView的正反面View，比如可以设置圆角之类的。

Demo上传到GitHub上了。----> FlipView