Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 13 views

    Animations in Compose - Jetpack Compose - Android Developers

    Uploaded by

    Hien Nguyen

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Animations in Compose - Jetpack Compose - Android Developers

    Uploaded by

    Hien Nguyen
    13 views4 pages

    Original Title

    Animations in Compose  _  Jetpack Compose  _  Android Developers

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    13 views4 pages

    Animations in Compose - Jetpack Compose - Android Developers

    Uploaded by

    Hien Nguyen

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 4

    8/9/24, 10:30 AM Animations in Compose | Jetpack Compose | Android Developers

    Animations in
    Compose
    (https://developer.android.com/develop/ui/co
    mpose/animation/quick-guide)

    Animations are essential in a Jetpack Compo…


    Compo…
    modern mobile app in order
    to realize a smooth and
    understandable user
    experience.

    Quick guide…

    Animation modifiers and


    composables

    https://developer.android.com/develop/ui/compose/animation/introduction 1/4
    8/9/24, 10:30 AM Animations in Compose | Jetpack Compose | Android Developers

    Animate Animate Animate


    appearance content size between
    and changes different
    disappearance (https://developer.android
    .com/develop/ui/compose/
    composables
    (https://developer.android (https://developer.android
    animation/composables-
    .com/develop/ui/compose/ .com/develop/ui/compose/
    modifiers#animateConten
    animation/composables- animation/composables-
    tSize)
    modifiers#animatedvisibili modifiers#animatedconte
    ty) nt)
    Use
    The
    animateContentSize( Use AnimatedContent
    AnimatedVisibility ) to achieve automatic to animate between
    size change
    composable allows you composables that
    animations.
    to hide or show have different content.
    content easily.

    Learn more… Learn more… Learn more…

    Value-based animations

    (https://developer.android (https://developer.android (https://developer.android


    .com/develop/ui/compose/ .com/develop/ui/compose/ .com/develop/ui/compose/
    animation/value- animation/quick- animation/value-
    based#animate-as-state) guide#concurrent- based#rememberinfinitetr
    animations) ansition)

    Animate a
    single value

    https://developer.android.com/develop/ui/compose/animation/introduction 2/4
    8/9/24, 10:30 AM Animations in Compose | Jetpack Compose | Android Developers

    (https://developer.android
    .com/develop/ui/compose/
    Animate Animate
    animation/value- multiple values properties
    based#animate-as-state)
    together indefinitely
    Use animate*AsState (https://developer.android (https://developer.android
    .com/develop/ui/compose/ .com/develop/ui/compose/
    functions to animate
    animation/quick- animation/value-
    an individual property, guide#concurrent- based#rememberinfinitetr
    such as opacity. animations) ansition)

    Use Transition to Use


    animate multiple InfiniteTransition
    values at once. to animate properties
    continuously.
    Learn more…

    Learn more… Learn more…

    Customi Test Android


    ze your animati Studio
    (https://de animati (https://de ons (https://de Tooling

    droid.com/ ons
    veloper.an veloper.an (https://develo veloper.an (https://develo
    droid.com/ per.android.co droid.com/ per.android.co
    develop/ui/ (https://develo develop/ui/ m/develop/ui/c develop/ui/ m/develop/ui/c
    compose/a per.android.co compose/a ompose/anima compose/a ompose/anima
    nimation/c m/develop/ui/c nimation/tetion/testing) nimation/t tion/tooling)
    ustomize) ompose/anima sting) ooling)
    tion/customize
    Learn how to Learn all
    )
    write tests about how to
    Learn how to for your preview your
    customize animations. animations in
    your Android
    animations Studio.
    duration,
    easing curve

    https://developer.android.com/develop/ui/compose/animation/introduction 3/4
    8/9/24, 10:30 AM Animations in Compose | Jetpack Compose | Android Developers

    and spring
    configuration.
    Testing… Tooling…
    Customiz…

    Next
    Choose an animation API (/develop/ui/compose/animation/choose-api) arrow_forward

    Content and code samples on this page are subject to the licenses described in the Content License
    (/license). Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.

    Last updated 2024-07-01 UTC.

    https://developer.android.com/develop/ui/compose/animation/introduction 4/4

    You might also like