iOS Swift Tutorial: Awesome Interactive Card View Animation with UIPropertyAnimator

🎃 HALLOWEEN DISCOUNTS 🎃
➡️ From Design to Code: https://www.udemy.com/from-design-to-code/?couponCode=HALLOWEEN18
➡️ 2D Games with SpriteKit: https://www.udemy.com/2d-games-with-spritekit/?couponCode=HALLOWEEN18
➡️ Core Data: https://www.udemy.com/become-an-ios-core-data-expert/?couponCode=HALLOWEEN18

👏 Support me on Patreon: http://patreon.com/brianadvent

This tutorial is about creating an awesome Card View that animates even interactively. You are using UIPropertyAnimator for the animations. Based on WWDC Session 230: https://developer.apple.com/videos/play/wwdc2017/230/

➡️ Start files:
https://bit.ly/2At8Y28

➡️ Finished Project on Github:
https://github.com/brianadvent/InteractiveCardViewAnimation

➡️ Web: http://www.brianadvent.com

✉️ COMMENTS ✉️
If you have questions about the video or Cocoa programming, please comment below.

Comments

Go Fudge YourSelves says:

Please create an course for Lottie teaching how to implement various animations in adobe and then using it in our app

DPMO says:

how would you go about adding scrollable content inside of the “card view”. is it possible to move the y position of the card as the content scrolls?

hassansfilms says:

thanks a lot man! <3
I’d be grateful if you to make a tutorial about making the animated audio graph while recording audio like in VoiceMemos app

Ahmad Al-Baqawi says:

Killer effective tutorial thank you, in return I got it to support your work the 2D Games with SpriteKit! I think it is amazing

Marcin Frydrych says:

Are you sure the SpriteKit course on udemy is up to date?

Dmitry Katsubo says:

2 likes! but it impossible )

Michelle Dunbar says:

Hi Brian, I love your videos, thank you for your clarity. Just wondering if you could show some more features of the Charts framework?
Also, I’m not sure if you’ve done this already, but would you be able to explain how to take content from an image view (or Chart view) and export to pdf and/or attach to email? Thank you!

RAMSES says:

I thing that using fractionComplete is a pretty bad way to make card view. I have a better way, with pan gesture recognizer you can change y position of card view and depending on that position trigger animation when pan gesture ended. For example, when card view is expanded its y position is 100 and when it’s retracted it’s y position is 10 and depending on current y position trigger animation, is y pos is lower than 60 then the card view animate to retracted state and if it is greater than 60 it will animate to expanded state. Also pan recognizer have a velocity property so you can also change state depending on that.

muaz farooq says:

And kindly give me grocery store Making tutorial

Long Hoàng Giang says:

Thanks briant

muaz farooq says:

@brian Kindly let me know how sms verification use in Swift

News News says:

Hi Brian nice tutorial. Maybe is it better to make this animation etc. with LayoutConstraints and UIView.animate…..?

Alique Williams says:

Not at all an effective way of doing this. You shouldn’t couple the cardViewController to any other viewController.

Evgenii Turchaninov says:

Great tutorial! Thank you, just in time!
I bought all your courses in Udemy. Please, when you will update your CoreData course – add some instructions how to use iCloud container to sync data between devices or at list how to save it on iCloud Drive.

Mohammad Alhasson says:

1st

steven Gao says:

thanks for this great tutorial, do you already have a course that is doing animation like App Store, tap an app image, the app go smoothly take up full screen with some sprint animation ? thanks

Jon says:

Thanks!

Ali Akkawi says:

This is Awesome, thanks

joliejuly says:

Brian, it is a really awesome tutorial, thank you so much! Please, do more about property animator!)

Write a comment

*

Human Verification: In order to verify that you are a human and not a spam bot, please enter the answer into the following box below based on the instructions contained in the graphic.


Do you like our videos?
Do you want to see more like that?

Please click below to support us on Facebook!

Send this to a friend

▷ Other ReviewsVehicles▷ Show Cars▷ Motorbikes▷ Scooters▷ Bicycles▷ Rims & Tires▷ Luxury BoatsFashion▷ Sunglasses▷ Luxury Watches▷ Luxury Purses▷ Jeans Wear▷ High Heels▷ Kinis Swimwear▷ Perfumes▷ Jewellery▷ Cosmetics▷ Shaving Helpers▷ Fashion HatsFooding▷ Chef Club▷ Fooding Helpers▷ Coktails & LiquorsSports▷ Sport Shoes▷ Fitness & Detox▷ Golf Gear▷ Racquets▷ Hiking & Trek Gear▷ Diving Equipment▷ Ski Gear▷ Snowboards▷ Surf Boards▷ Rollers & SkatesEntertainment▷ DIY Guides▷ Zik Instruments▷ Published Books▷ Music Albums▷ Cine Movies▷ Trading Helpers▷ Make Money▷ Fishing Equipment▷ Paintball Supplies▷ Trading Card Games▷ Telescopes▷ Knives▷ VapesHigh Tech▷ Flat Screens▷ Tech Devices▷ Camera Lenses▷ Audio HiFi▷ Printers▷ USB Devices▷ PC Hardware▷ Network Gear▷ Cloud Servers▷ Software Helpers▷ Programmer Helpers▷ Mobile Apps▷ Hearing AidsHome▷ Home Furniture▷ Home Appliances▷ Tools Workshop▷ Beddings▷ Floor Layings▷ Barbecues▷ Aquarium Gear▷ Safe Boxes▷ Office Supplies▷ Security Locks▷ Cleaning ProductsKids▷ Baby Strollers▷ Child Car Seats▷ Remote ControlledTravel▷ Luggages & Bags▷ Airlines Seats▷ Hotel Rooms▷ Fun Trips▷ Cruise Ships▷ Mexico Tours