UIView animateWithDuration is too fast

Question

I have used UIView animateWithDuration to increase the shapeLayer.frame.size.height in the code below, but regardless of the duration it animates very fast. A few posts that I found recommended using some delay time which I've done, but it still animates very quickly, ignoring the 5 seconds duration I set.

private let minimalHeight: CGFloat = 50.0  
private let shapeLayer = CAShapeLayer()

override func loadView() {  
super.loadView()

shapeLayer.frame = CGRect(x: 0.0, y: 0.0, width: view.bounds.width, height: minimalHeight)
shapeLayer.backgroundColor = UIColor(red: 57/255.0, green: 67/255.0, blue: 89/255.0, alpha: 1.0).CGColor
view.layer.addSublayer(shapeLayer)

  }

func delay(delay:Double, closure:()->()) {
    dispatch_after(
        dispatch_time(
            DISPATCH_TIME_NOW,
            Int64(delay * Double(NSEC_PER_SEC))
        ),
        dispatch_get_main_queue(), closure)
}


override func viewDidAppear(animated: Bool) {
   delay(3)    {

    UIView.animateWithDuration(5.0) {
        self.shapeLayer.frame.size.height += 400.0
        }
    }

How can I make the animation complete in 5 seconds?

score 2 · Answer 1 · edited Jul 02 '19 at 12:22

2

Try it :

override func viewDidAppear(_ animated: Bool) {
    //You should not edit directly the frame here, or the change will be committed ASAP. Frame does not act like constraints.
    // create the new frame
    var newFrame = self.shapeLayer.frame
    newFrame.size.height += 400.0

    UIView.animate(withDuration: 5.0, delay: 3.0, options: .curveEaseOut, animations: {
        //assign the new frame in the animation block
        self.shapeLayer.frame = newFrame
    }, completion: { finished in

    })
}

edited Jul 02 '19 at 12:22

Karen Hovhannisyan

1,140
2
21
31

answered Mar 09 '16 at 09:11

Pipiks

2,018
12
27

I tried the code above but the animation is still very fast – Jickery Mar 09 '16 at 09:40
The animation is very fast or there is no animation ? – Pipiks Mar 09 '16 at 09:45
1

Basically, in less than a second it moves from its original position to the intended position. That's why I said the animation is very fast – Jickery Mar 09 '16 at 10:01
http://stackoverflow.com/questions/12958041/animation-how-to-animate-a-view-using-layer Maybe the solution is here. – Pipiks Mar 09 '16 at 10:04
the second approach in the link is what I did at first – Jickery Mar 09 '16 at 11:20
I also tried the edit by @bobby, but still getting the same result – Jickery Mar 09 '16 at 11:21
@Jickery can you add self.view.layoutIfNeeded() below the frame resizing line in your code? – Varun Mar 09 '16 at 18:59

score 2 · Accepted Answer · answered Mar 09 '16 at 13:27

2

Maybe you should try CABasicAnimation

    let fromValue = view2.layer.bounds.height
    let toValue = view2.layer.bounds.height + 50
    CATransaction.setDisableActions(true) //Not necessary
    view2.layer.bounds.size.height = toValue
    let positionAnimation = CABasicAnimation(keyPath:"bounds.size.height")
    positionAnimation.fromValue = fromValue
    positionAnimation.toValue = toValue
    positionAnimation.duration = 1
    view2.layer.addAnimation(positionAnimation, forKey: "bounds")

answered Mar 09 '16 at 13:27

CZ54

5,488
1
24
39

thanks, it's working but I would really like to know why `animateWithDuration` isn't working. – Jickery Mar 09 '16 at 13:50
1

Because you are using animation methods working for UIViews. You are trying to animate a CALayer witch is a lower level component. – CZ54 Mar 09 '16 at 13:53
I'll really appreciate if you could take a look at this SO question for me http://goo.gl/iqSmQq, I've not been able to make any progress on it – Jickery Mar 15 '16 at 01:39

score 0 · Answer 3 · edited May 23 '17 at 11:44

0

Instead of putting the change inside the animation block, making the change before the animation.
Then, in the animation, only call superView.layoutIfNeeded()

It works for me, reference: How do I animate constraint changes?

edited May 23 '17 at 11:44

Community

1
1

answered Jul 18 '16 at 09:18

RainCast

4,134
7
33
47

score 0 · Answer 4 · answered Jun 13 '19 at 10:08

0

In my case the problem was that somewhere else in the code animations were disabled:

[UIView setAnimationsEnabled:false];

Changing this to true solved the issue:

[UIView setAnimationsEnabled:true];

answered Jun 13 '19 at 10:08

thijsonline

1,048
11
15

UIView animateWithDuration is too fast

4 Answers4