How to Animate Your SF Symbols Using Symbol Effects!
Вставка
- Опубліковано 15 лип 2024
- in iOS 17, Apple is letting us add animations to them with a simple SwiftUI modifier. I’m really happy with how easy it is to make your UI feel more responsive and alive!
👋 Our "Launch Your First App" program will help you build up your iOS skills to publish your very own feature rich app even if you’re a beginner starting from scratch. cwc.to/youtubeoffer
Timestamps:
00:00 Introduction
00:40 Step 1: How to Add SF Symbols to Your App
01:05 Step 2: How to Animate an SF Symbol
01:38 Step 3: The Types of Animations You Can Do
02:57 BOUNCE
03:56: PULSE
05:19 VARIABLE COLOR
06:03 SCALE
06:52 DIS/APPEAR
09:02 REPLACE
10:07 Step 4: Customizing Symbol Effects
11:34 Outro
Links:
Xcode project for this video:
codewithchris.zapier.app/symb...
WWDC23 - Animate symbols in your app:
developer.apple.com/wwdc23/10258
SF Symbols 5 beta:
developer.apple.com/sf-symbols/
#WWDC23 #SFSymbols #iOSAnimations
👋 Our "Launch Your First App" program will help you build up your iOS skills to publish your very own feature rich app even if you’re a beginner starting from scratch. cwc.to/youtubeoffer
A very handy quick guide to animating SF SYMBOLS, thank you :)
Thank you. Very intresting
Glad you enjoyed it! Thanks for watching! - Iñaki
Chris I don't know how to thank you, you helped me a lot to became iOS App developer
Thanks for watching! I'll be sure to let Chris know :) - Iñaki
This is really cool. I get that it's Xcode 15 only, but is it really limited to just iOS 17? It'd be super cool if Apple built this thing in such a way that it would work on iOS 15/16 as well since there are a lot of those devices out there. Animations themselves are nothing new, it's just the additions to SwiftUI. Not everyone will be upgrading to iOS 17 on day 1 either.
Yeah! So many niceties coming to the latest versions, SwiftData and all the macros magic happening… I’m a total beginner, so from that point of view that is.
At least it looks like Xcode 15 won’t be forced to macOS Sonoma (as the beta it works as is in Ventura if I’m correct?), most software vendors tend to take some time before being totally stable on the latest OSs.
💯 Yeah, I totally agree! If only Apple could release the new stuff with backwards compatibility, a lot of developers would surely be happy! - Iñaki
What if i want it to bounce only when the variable turns true?
How to export as a animated video?
Before I waste 12 minutes watching - does this also work with UIKit apps - or only SwiftUI?