Get animated (Android Dev Summit '18)

Sdílet
Vložit
  • čas přidán 28. 07. 2024
  • Android offers a range of animation systems-from ObjectAnimator, to window animations, transitions, physics based animations and now MotionLayout, which is a new class available in the ConstraintLayout 2.0 library that can manage motion and widget animation in applications.
    This talk provides an exhaustive overview of the various systems, showing how and when to use each one, and how to make them play together nicely. Knowing the difference between the systems will help you to quickly and confidently use the right system to achieve any animation in your app.
    Presented by: Doris Liu, Nick Butcher, John Hoford & Nicolas Roard
    Android Dev Summit '18 all sessions playlist → bit.ly/ADS18-Sessions
    Subscribe to the Android Channel! → bit.ly/AndroidDevs1
    #AndroidDevSummit event: Android Dev Summit 2018; re_ty: Publish; product: Android - Jetpack; fullname: John Hoford, Nick Butcher, Nicolas Roard;
  • Věda a technologie

Komentáře • 48

  • @freshfast6197
    @freshfast6197 Před 5 lety +135

    1:15 Android Animation APIs (overview) :
    View Animations
    Value Animator
    Object Animator
    View Property Animator
    Transitions
    Animated Vector Drawable
    Physics
    Motion Layout
    2:52 One single use case where View Animations are still required
    And that is when you are doing Window Animations, when a new activity launches
    3:34 Other use case for View/Window Animations is if fragment transactions are being done
    3:56 So, When to use View Animations(android.view.animation) :
    Window animations
    Fragment animations requiring measured size
    4:17 Animator
    5:25 Animators
    ObjectAnimator
    ValueAnimator
    Animator
    AnimatorSet
    5:37 ViewPropertyAnimator -> ValueAnimator -> Animator
    7:25 PropertyValueHolder demo
    8:30 ObjectAnimator demo code
    ObjectAnimator.ofPropertyValuesHolder(failText, scale X, Scale Y, alpha)..
    8:38 Above PropertyValueHolders in xml
    9:25 ViewPropertyAnimator
    11:10 ValueAnimator
    12:44 When to use which Animator
    ObjectAnimator - general purpose, property animator
    ValueAnimator - custom animation
    ViewPropertyAnimator - multiple properties on the same view, fire and forget
    PropertyValuesHolder - multiple property on the same object
    AnimatorSet - choreograph a set of animations
    14:10 Animated Vector Drawable
    It connects together Vector Drawable to one and multiple objects of Animator
    15:12 When to use AnimatedVectorDrawable :
    Icon animations
    Fire & forget animations
    Performance critical
    15:50 Physics based Animations
    Interruptible
    Continuity
    Realistic look
    19:20 Transitions
    21:45 When too use Transitions :
    Shared element activity transitions
    Window content enter/exit
    Modularize animations
    Simple changes
    22:13 Motion
    22:35 Constraint Layout 2.0 :- Helpers
    26:20 Motion Layout

  • @codinginflow
    @codinginflow Před 5 lety +144

    In 2019 people will wonder why all their apps start dancing and bouncing

  • @codinginflow
    @codinginflow Před 5 lety +57

    This is amazing. And John Hoford is such a cool guy

    • @ottocheley7852
      @ottocheley7852 Před 4 lety

      Do you know how they did the juggling man at 6:03

    • @codinginflow
      @codinginflow Před 4 lety

      @@ottocheley7852 no

    • @mrinspirational7157
      @mrinspirational7157 Před 4 lety

      Nice to see you here, I,m you,re subscriber and a big fan also. Love you're work.

    • @codinginflow
      @codinginflow Před 4 lety +1

      @@mrinspirational7157 thank you friend

    • @aabhishek4911
      @aabhishek4911 Před 4 lety

      @Coding in Flow , when can we expect a super tutorial on android animations :D

  • @arpan.sarkar
    @arpan.sarkar Před 5 lety +4

    John Hoford is a great guy, always having a mild smile on his face.

  • @AbhishekBansal14
    @AbhishekBansal14 Před 5 lety +2

    Nice overview of all animation frameworks, gives me pointers on what to learn next for animations in Android

  • @antoneltonij8362
    @antoneltonij8362 Před 4 lety

    Thanks. It was so clear for understanding!

  • @FreedivingTrainer
    @FreedivingTrainer Před 5 lety +1

    Usefull video. Where and when we could try transition tool? There is alredy year since you introduce it

  • @chelseaisking
    @chelseaisking Před 5 lety +30

    Please add a codelab based on this so that we can get hands on experience

  • @felicityizhari
    @felicityizhari Před 4 lety

    woah! so much inspiration!

  • @user-qo6vx9dm6m
    @user-qo6vx9dm6m Před 5 lety +3

    12:26 I try that code, it's doesn't work but when I change textView.invalidate() to textView.setText(spannable), it works well

  •  Před 5 lety

    This video helped a lot.

  • @chrislagos44
    @chrislagos44 Před 5 lety

    very useful stuff. That last speaker was mint. Haha

  • @andrewtfluck
    @andrewtfluck Před 5 lety +1

    I need that keyframe tool in my life :)

  • @thunderkilll1037
    @thunderkilll1037 Před 5 lety +5

    can we have the code or something ?

  • @chrislagos44
    @chrislagos44 Před 5 lety

    What is alpha 2, btw.

  • @alok1
    @alok1 Před 5 lety +1

    Subtitles in English are missing in someplaces

  • @inspirecoding5460
    @inspirecoding5460 Před 4 lety

    Wooow ... amazing :)

  • @keshavejat
    @keshavejat Před 5 lety +1

    Finally i got the answer

  • @thomato1267
    @thomato1267 Před 3 lety

    Each animation api's usecase scenario summary: 37:47

  • @vuluongtrieu2609
    @vuluongtrieu2609 Před 5 lety +3

    37:55 summary

  • @user-ov9hv2go3g
    @user-ov9hv2go3g Před 5 lety

    Could someone please provide an example of the animation at 12:23?

    • @bogdannoana105
      @bogdannoana105 Před 5 lety

      It's the code of the top right animatoin of the current slide

  • @kazimd.saidul4212
    @kazimd.saidul4212 Před 4 lety

    Please shared with us slide link

  • @user-sm8rn8gx9h
    @user-sm8rn8gx9h Před rokem

    did this video has sample code?

  • @ottocheley7852
    @ottocheley7852 Před 5 lety +1

    How do I make an animation like the one at 6:10?

  • @ROHITSINGH-kw1oo
    @ROHITSINGH-kw1oo Před 2 lety

    17:30

  • @qamarabbas4414
    @qamarabbas4414 Před 5 lety +1

    The ugliest animation ever seen