UIKit视图动画的微扩展

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;)

好久没写blog了,还不快快写来… ;]

我们知道在UIKit中做动画有几种方法,一种是Animation,还有就是Transition,前者根据对象的属性产生动画,后者则是通过View之间的操作完成动画.

我们可以看一下UIViewAnimationOptions这个类,其中与Transition相关的共有8种选项:

public static var TransitionNone: UIViewAnimationOptions { get } // default public static var TransitionFlipFromLeft: UIViewAnimationOptions { get } public static var TransitionFlipFromRight: UIViewAnimationOptions { get } public static var TransitionCurlUp: UIViewAnimationOptions { get } public static var TransitionCurlDown: UIViewAnimationOptions { get } public static var TransitionCrossDissolve: UIViewAnimationOptions { get } public static var TransitionFlipFromTop: UIViewAnimationOptions { get } public static var TransitionFlipFromBottom: UIViewAnimationOptions { get }

下面我们UIViewAnimationOptions结构写一个扩展,这个扩展做2件事:

1. 包含随机返回8个Transition选项之一的属性
2. 返回Transition选项对应的名称

import Foundation import UIKit import GameplayKit @available(iOS 9.0, *)
private let randomGen:GKShuffledDistribution = GKShuffledDistribution(forDieWithSideCount: UIViewAnimationOptions.allDirectionOptions.count) @available(iOS 4.0, *) extension UIViewAnimationOptions{
    static let allDirectionOptions:[UIViewAnimationOptions] = [.TransitionNone,.TransitionFlipFromLeft,.TransitionFlipFromRight,.TransitionCurlUp,.TransitionCurlDown,.TransitionCrossDissolve,.TransitionFlipFromTop,.TransitionFlipFromBottom] var optionName:String{ switch self.rawValue { case UIViewAnimationOptions.TransitionNone.rawValue: return "TransitionNone" case UIViewAnimationOptions.TransitionFlipFromBottom.rawValue: return "TransitionFlipFromBottom" case UIViewAnimationOptions.TransitionFlipFromTop.rawValue: return "TransitionFlipFromTop" case UIViewAnimationOptions.TransitionCrossDissolve.rawValue: return "TransitionCrossDissolve" case UIViewAnimationOptions.TransitionCurlDown.rawValue: return "TransitionCurlDown" case UIViewAnimationOptions.TransitionCurlUp.rawValue: return "TransitionCurlUp" case UIViewAnimationOptions.TransitionFlipFromRight.rawValue: return "TransitionFlipFromRight" case UIViewAnimationOptions.TransitionFlipFromLeft.rawValue: return "TransitionFlipFromLeft" default: return "noneName" }
    }
    /* @available(iOS 9.0, *)
    private lazy var randomGen:GKShuffledDistribution = { return GKShuffledDistribution(forDieWithSideCount: allDirectionOptions.count)
    }()
    */
    static var RandomDirectionOption:UIViewAnimationOptions { if #available(iOS 9.0, *) { let idx = randomGen.nextInt() - 1 print("gen is \(randomGen) , idx is \(idx)") return allDirectionOptions[idx]
        } else { return .TransitionNone
        }
    }
}

首先我们在文件范围建立一个随机数发生器,我们没有使用一般的方法,而是使用了iOS9之后才有的新方法,该随机数发生器,正如其名字那样返回的随机数不会重复,除非选完全部可选的随机数.为什么不放到结构扩展里呢?因为我不希望每次读取RandomDirectionOption属性都生成一个新的随机数发生器.

我们在实际的例子中测试一下上面的扩展:

let option = UIViewAnimationOptions.RandomDirectionOption UIView.transitionWithView(status, duration: 0.33, options: [.CurveEaseOut,option], animations: {
                self.status.hidden = false
                self.label.text = option.optionName self.transitionName.text = option.optionName self.transitionName.sizeToFit()
                self.transitionName.center = CGPoint(x: self.statusPosition.x, y: self.transitionName.center.y)
            }, completion: {_ in delay(seconds: 2.0){
                    if index < self.messages.count - 1{
                        self.removeMessage(index: index)
                    }else{
                        //reset form
                    }
                }
            })

编译链接app,效果如下: