Question

我一直试图在这里加载类似于Twitter的加载屏幕：

我不确定我接近这个的方式是＆＃34;对＆＃34;做事的方式。我的担忧很多：

有没有更好的方法来选择我用于各种屏幕尺寸的蒙版图像？面具需要延伸到屏幕的边缘以使用背景颜色，因此我将其设置为手机可能的边界大小。
是否正确处理了动画？这是我第一次使用CATransaction进行任何操作。
我是否应该将视图添加到标签栏控制器的视图中，就好像我在做什么？
有没有办法抽象出来，或者把它放在应用程序的生命周期中？截至目前，我需要复制此代码并将其置于任何可能作为起点的控制器（截至目前为止的两个控制器）。

你可以看到我到目前为止所写的内容：

override func viewDidLoad() {
    super.viewDidLoad()

    prepareLoadingOverlay()
}

override func viewDidAppear(animated: Bool) {
    super.viewDidAppear(animated)

    animateMask()
}

var mask: CALayer?
var blueView: UIImageView?

func prepareLoadingOverlay() {
    let size = UIScreen.mainScreen().bounds.size

    var cutoutImage: UIImage?

    switch size.height {
    case 420:
        cutoutImage = CutoutMap.Image480 // UIImage
    case 568:
        cutoutImage = CutoutMap.Image568
    case 667:
        cutoutImage = CutoutMap.Image667
    case 736:
        cutoutImage = CutoutMap.Image736
    default:
        cutoutImage = CutoutMap.Image667
    }

    if let tabBarViewController = self.tabBarController,
        let cutout = cutoutImage {
            let containerFrame = tabBarViewController.view.frame

            blueView = UIImageView.init(frame: containerFrame)
            blueView!.image = UIImage.imageFromColor(Color.Blue)

            self.mask = CALayer()
            self.mask?.contents = cutout.CGImage
            self.mask?.bounds = CGRect(x: 0, y: 0, width: size.width, height: size.height)
            self.mask?.anchorPoint = CGPoint(x: 0.5, y: 0.5)
            self.mask?.position = CGPoint(x: containerFrame.size.width/2, y: containerFrame.size.height/2)

            tabBarViewController.view.addSubview(blueView!)
            blueView!.layer.mask = self.mask
    }
}

func animateMask() {
    let size = UIScreen.mainScreen().bounds.size

    if let mask = self.mask {
        CATransaction.begin()
        CATransaction.setAnimationDuration(1)

        CATransaction.setCompletionBlock { () -> Void in
            CATransaction.begin()
            CATransaction.setAnimationDuration(1)
            CATransaction.setCompletionBlock { () -> Void in
                self.blueView?.removeFromSuperview()
            }
            mask.bounds = CGRect(x: 0, y: 0, width: size.width*15, height: size.height*15)
            CATransaction.commit()
        }
        mask.bounds = CGRect(x: 0, y: 0, width: size.width, height: size.height)
        CATransaction.commit()
    }
}

对此的任何帮助将不胜感激！

做类似Twitter的蒙版加载动画的正确方法？

0 个答案: