1

我有一个 loginViewController 会在用户未登录时持续弹出。我想为这个窗口的背景设置动画。我尝试了两种方法，UIViewAnimateWithDuration添加子视图和CABasicAnimation添加子层。两个动画都没有运行。正在绘制子图层和子视图，但它们没有动画。

第一个动画是animateWithDuration。它试图将绘制的矩形移动到它的 y 轴上的一个随机点。第二个动画CABasicAnimation用于不透明度，将绘制矩形的 alpha 从 1 更改为 0。我使用视图动画或图层动画都足够但都没有点击对我来说并不重要。

func makeBackground() -> UIView {

    let backRect = UIView()
    backRect.frame = self.view.bounds
    backRect.backgroundColor = backgroundColor

    let floater2 = UIView(frame: CGRectMake(25.0, 0.0, 25, 25))
    floater2.backgroundColor = backgroundColor
    floater2.layer.borderWidth = 1.0
    floater2.layer.borderColor = lowColor.CGColor
    floater2.alpha = 0.0

    backRect.addSubview(floater2)

    UIView.animateWithDuration(2.0, delay: 0.0, options: .Repeat, animations: { () -> Void in

        let randomY = CGFloat(arc4random_uniform(568))            
        floater2.frame.origin.y = randomY

    }, completion: nil)



    let floater1 = CALayer()
    floater1.frame = CGRectMake(0.0, 0.0, 25, 25)
    floater1.backgroundColor = UIColor.redColor().CGColor

    let animation = CABasicAnimation(keyPath: "opacity")
    animation.fromValue = 1.0
    animation.toValue = 0.0
    animation.repeatCount = 100
    animation.duration = 2.0

    floater1.addAnimation(animation, forKey: "opacity")

    backRect.layer.addSublayer(floater1)

    return backRect
}

然后我在呈现登录视图控制器时将函数的结果分配给一个变量：

        var loginViewController = PFLogInViewController()
        loginViewController.delegate = self
        loginViewController.fields = PFLogInFields.Default
            | PFLogInFields.Facebook
            | PFLogInFields.Twitter

        loginViewController.logInView?.backgroundColor = backgroundColor

        var bg = self.makeBackground()

        loginViewController.logInView?.addSubview(bg)
        loginViewController.logInView?.sendSubviewToBack(bg)

在此处输入图像描述

4

1 回答 1

1

这段代码的问题：

backRect.addSubview(floater2)
UIView.animateWithDuration(2.0, delay: 0.0, options: .Repeat, animations: { () -> Void in
    floater2.frame.origin.y = randomY

...是您正在尝试为尚不属于渲染树的内容设置动画。您需要在之后提供一个“心跳”，addSubview以便它floater2成为渲染树的一部分 - 也就是说，它实际上在界面中 - 在您开始对其进行动画处理之前。短暂的延迟会：

backRect.addSubview(floater2)
delay(0.1) {
    UIView.animateWithDuration(2.0, delay: 0.0, options: .Repeat, animations: { () -> Void in
        floater2.frame.origin.y = randomY

（这里delay是或类似于我的实用程序函数：https ://stackoverflow.com/a/24318861/341994 ）。

您的图层动画的问题是平行的。在渲染树中之前，您无法为图层设置动画。事实上，由于视图是一个层，并且视图动画实际上是层动画，所以它是完全相同的问题。

于 2015-09-04T15:27:20.043 回答