Тёмный

Practical magic with animations in Jetpack Compose 

Android Developers
Подписаться 1,3 млн
Просмотров 42 тыс.
50% 1

Are you constantly in awe of the animations your designer creates but have no idea how to implement them? Or maybe you want to keep your users engaged by adding delightful little treats in your app... There are a few key principles that unlock a wide range of different animations, from basic to advanced.
We will go through some practical examples of how to implement animations in Jetpack Compose, such as working with gestures to control animations and how to do state based animations. Join us to learn how to think about implementing any animation in a step-by-step way.
Chapters:
0:00 - Introduction
0:56 - Principles of Animation
1:42 - What?
3:36 - Modifier.graphicsLayer
4:47 - When?
5:05 - State changes
5:23 - animateAsState
6:20 - Transition
7:01 - On Launch
7:38 - Infinitely
8:04 - With Gesture
12:08 - Flinging gesture handling
16:08 - AnchoredDraggable
17:17 - How
17:46 - Animation Specs
18:16 - tween specs
19:11 - Easing
21:27 - spring specs
23:56 - Built-in animation APIs
24:17 - Animated Visibility
24:28 - animateContentSize
24:47 - AnimatedContent
26:37 - Choosing an API
28:34 - Summary
29:03 - Bonus: Image Vectors
Resources:
Animation Quick Guide → goo.gle/animation-quick-guide
Animation Tree → goo.gle/animation-tree
Catch more videos → goo.gle/Jetpack-Compose
Subscribe to Android Developers → goo.gle/AndroidDevs
#Featured #Android #JetpackCompose

Наука

Опубликовано:

 

8 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 56   
@AndroidDevelopers
@AndroidDevelopers 8 месяцев назад
Subscribe to Android Developers → goo.gle/AndroidDevs
@SerhiiSolodilov
@SerhiiSolodilov 8 месяцев назад
This is what developers expect from "Android Developers" channel. Thank you for the video. Waiting for more videos like this.
@tejasbhong
@tejasbhong 8 месяцев назад
right said
@odayprogrammer
@odayprogrammer 8 месяцев назад
a video with actual value from this channel, refreshing!
@marvinbernal
@marvinbernal 8 месяцев назад
This video was incredibly clear and helpful. Awesome work Rebecca!!
@AndroidDevelopers
@AndroidDevelopers 8 месяцев назад
Thanks for sharing, @marvinbernal! We're happy to hear that the video was helpful and engaging 😁
@367labs
@367labs 7 месяцев назад
Probably the best video so far from Android Developers :) Very helpful. Thank you
@mohammadabdalaal3111
@mohammadabdalaal3111 7 месяцев назад
I LOVE IT! How to organize our thoughts to build up an animation is really helpful. And the last bonus part is brilliant! Thanks for your efforts.
@afifhafizuddinahmedkhan.1373
@afifhafizuddinahmedkhan.1373 8 месяцев назад
Thank You Mam! For Describing Everything Easily! 🎉
@GakisStylianos
@GakisStylianos 8 месяцев назад
Wow this is a very information dense video, you've done a great job here, thank you!
@AndroidDevelopers
@AndroidDevelopers 8 месяцев назад
It's our pleasure, @GakisStylianos! Glad you enjoyed the video 😎
@yasserakbbach7342
@yasserakbbach7342 7 месяцев назад
Just keep doing it this way, and we'd be less confused as Android devs 😂 Good content series 👏
@greatguy2003
@greatguy2003 8 месяцев назад
Excellent job on the "What to animate" section. You did a great job of visually explaining what each property is for.
@riggaroo
@riggaroo 8 месяцев назад
Thanks for the kind words!
@elizavetasigova5030
@elizavetasigova5030 7 месяцев назад
Loved the video! Great!
@tch.777
@tch.777 8 месяцев назад
A delicious video😊. Thanks, keep it up, sharpening and teaching. Thanks to videos like yours, the apps I build rise several levels above everyone else! Thank you!!🔥
@anhtuannd
@anhtuannd 3 месяца назад
Greate video! I like the quote "Hopefully at the end, you are coming to a stop"
@iurysza
@iurysza 7 месяцев назад
Amazing content. Answers so many questions and give us many ideas too.
@NataliaRementov
@NataliaRementov 7 месяцев назад
Thanks, just in time - I'm about to design and implement animations in my first app🥰
@pantelischas9460
@pantelischas9460 8 месяцев назад
thanks for the sharing!! It is very helpful video to better understands animations!!
@AndroidDevelopers
@AndroidDevelopers 8 месяцев назад
We’re glad you found the video helpful.
@andreoriani
@andreoriani 8 месяцев назад
Thanks for sharing your Droidcon London talk
@VIDEOSANDREEL
@VIDEOSANDREEL 8 месяцев назад
Thank You so much for the update 🙏🙏🙏
@hj2931
@hj2931 7 месяцев назад
Thank you for sharing. This video is very useful.👍👍
@parthtakkar9069
@parthtakkar9069 8 месяцев назад
Really informative thanks!
@AndroidDevelopers
@AndroidDevelopers 8 месяцев назад
Thank you for watching!
@vasyapankov26
@vasyapankov26 7 месяцев назад
very cool video, thank you❤
@VDlasov
@VDlasov 7 месяцев назад
Interesting topic. Nice explanation!
@KissErikaNagyne
@KissErikaNagyne 7 месяцев назад
Nice video tutorial, and useful cause there is not much information for beginners about working with animation
@user-mx4xn2mi1u
@user-mx4xn2mi1u 7 месяцев назад
This video was incredibly clear and helpful!
@wilsonahanmisi1187
@wilsonahanmisi1187 6 месяцев назад
This is a proper course. Top notch content
@user-ru8gs1fi8z
@user-ru8gs1fi8z 7 месяцев назад
nice!
@user-yc8pj4kl1w
@user-yc8pj4kl1w 5 месяцев назад
amazing content, great job!
@user-me1ry6lg6d
@user-me1ry6lg6d 5 месяцев назад
What an explanation !!!
@DavidMermelstein
@DavidMermelstein 7 месяцев назад
I would love to see how to tackle these in non jetpack compose too.
@JohnPaulPhillips-qh9zq
@JohnPaulPhillips-qh9zq 6 месяцев назад
Nice to hear and watch, thanks to Rebecca
@michaelappiah-kubi2829
@michaelappiah-kubi2829 4 месяца назад
So helpful!!!
@user-mx4xn2mi1u
@user-mx4xn2mi1u 7 месяцев назад
nice job!
@user-um4tv2yk9i
@user-um4tv2yk9i 7 месяцев назад
WOW!
@pabiforbes
@pabiforbes 8 месяцев назад
Yay Rebecca 🇿🇦🌷
@eganathan.r
@eganathan.r 7 месяцев назад
🎉❤
@JayLee-dj4tv
@JayLee-dj4tv 7 месяцев назад
Great explanation! Do you have any sample code for these examples?
@CelineXu-e9d
@CelineXu-e9d 7 дней назад
Hi, How can I get the demo code in the video?
@BaBaKRaufi
@BaBaKRaufi Месяц назад
How to reset anchoreddraggablestate to initial value? for example by a click.
@user-jeremylee
@user-jeremylee 5 месяцев назад
Nice video. But I still have some questions about the content of the app itself and the design😏
@LouisCognault
@LouisCognault 5 месяцев назад
Was the intro animated with Compose?
@suryapratap3043
@suryapratap3043 6 месяцев назад
so is it easier to animate in jetpack compose then in flutter? just want to know
@blu8762
@blu8762 8 месяцев назад
i think this can be easily done using other languages/libraries no ?
@riggaroo
@riggaroo 8 месяцев назад
Yes, most frameworks offer animations, however this video is targeted for Android Developers using Jetpack Compose. Compose does make a lot of these concepts easier to apply over the View system, for instance.
@mr-turkish
@mr-turkish 8 месяцев назад
I like your accent
@JanLund
@JanLund 8 месяцев назад
Great video! Just a minor comment if you don't mind: it seems like "i.e." is being used instead of the more correct "e.g." in the decision diagram.
@Tarek360
@Tarek360 8 месяцев назад
I like how Android Jetpack Compose following the widget library from Flutter.
@henrik908
@henrik908 6 месяцев назад
Developers at Google are working very hard improving Jetpack compose
@Tarek360
@Tarek360 8 месяцев назад
30:32 This jellyfish vector animation is 5 years late, I created the RichPath library five years ago to manipulate the vector drawable but after a year I deprecated it in favor of Lottie and Rive afterwards.
@riggaroo
@riggaroo 8 месяцев назад
Thanks for the feedback, I did mention that you could use Lottie or an AVD to do this too (30:10), however I did want to showcase that you can use the same Compose animation APIs a bit more easily with vectors now too. This is a bonus fun animation after all 🪼
Далее
Gestures in Jetpack Compose
31:33
Просмотров 21 тыс.
Վարդավառը Գյումրիում
00:15
Просмотров 158 тыс.
skibidi toilet 76 (part 1)
03:10
Просмотров 15 млн
Advanced state and side effects in Jetpack Compose
41:21
More performance tips for Jetpack Compose
20:47
Просмотров 38 тыс.
CSS Animations are PAINFUL
4:14
Просмотров 906
Custom layouts and graphics in Compose
20:25
Просмотров 49 тыс.
Introduction to drawing in Compose
9:29
Просмотров 41 тыс.
Игорь Рыбаков - Анимации в Compose
57:01
Thinking in Compose
25:27
Просмотров 86 тыс.
Deep dive into Jetpack Compose layouts
28:25
Просмотров 59 тыс.
Good APIs Vs Bad APIs: 7 Tips for API Design
5:48
Просмотров 218 тыс.
Сложная распаковка iPhone 15
1:01
Просмотров 14 тыс.