Home / Questions / 1795
Accepted
Katz
Asked: 2020-12-26 00:07:18 +0800 CST 2020-12-26 00:07:18 +0800 CST

Swipe up animation in Swift

  • 772

How can I animate one StackViewso that it slides up starting from x=0to y=500? I have the following method viewDidLoad()that does an effect that grows the StackView:

StackView.transform = CGAffineTransformMakeScale(0.0, 0.0)

and then I added a growing effect in the method viewDidAppear():

UIView.animateWithDuration(0.4, delay: 0.0, options: [], animations: {
    self.StackView.transform = CGAffineTransformIdentity
}, completion: nil)

Then the method executes the viewDidLoadand the StackViewis reduced to the minimum size. When the method of viewDidLoadcompletes, the method viewDidAppearis invoked, and the animation begins and the method StackViewbegins to grow. The animation stops when the StackViewreaches its original size.

Although it's a nice effect, it's not what I want to achieve. I want the animation to slide from x= 0and stop at y=500. I tried to add the following code in viewDidLoadit to achieve it, but I still get the same growing effect:

StackView.transform = CGAffineTransformMakeTranslation(0, 500)

Any suggestions on how to achieve this?

ios

2 Answers

  1. Best Answer

    I would set ones constraintsthat define the starting position of the stackview, for example bottomConstraintand leadingConstraint.

    You leadingcan leave it with the final value, since if I have understood you correctly, you want to animate the Y axis.

    so viewDidLoadyou could animate the change of the constraintbottomConstraint

    Assuming your stackview has a height of 200, set your bottomConstraintin the storyboard to a value of -200, so it's off screen.

    capture constraintenter image description here

    override func viewDidLoad() {
    super.viewDidLoad()
    self.bottomConstraint.constant = 500
    UIView.animate(withDuration: 0.4, animations: {
        self.view.layoutIfNeeded()
    })
}

    Then you can play with the values ​​as you like to achieve the desired effect.

    • 2

  2. What you want is that when you slide up the animation starts, right?

    func slideInFromUP(duration: NSTimeInterval = 1.0, completionDelegate: AnyObject? = nil) {
    // Create a CATransition animation
    let slideInFromUPTransition = CATransition()

    // Set its callback delegate to the completionDelegate that was provided (if any)
    if let delegate: AnyObject = completionDelegate {
        slideInFromUPTransition.delegate = delegate
    }

    // Customize the animation's properties
    slideInFromUPTransition.type = kCATransitionPush
    slideInFromUPTransition.subtype =  kCATransitionFromTop
    slideInFromUPTransition.duration = duration
    slideInFromUPTransition.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
    slideInFromUPTransition.fillMode = kCAFillModeRemoved

    // Add the animation to the View's layer
    self.layer.addAnimation(slideInFromUPTransition, forKey: "slideInFromUPTransition")
}

    Try this to see if it does what you need.

    • 1