• Анимации через Animation были в Android до появления Animator
• Простый анимации для View: alpha, rotate, scale, translate
• Представление View меняется на этапе отрисовки
• Важно: параметры View не меняются в процессе анимаций

Code ScaleAnimation:

                    view.startAnimation(
                        ScaleAnimation(0f, 1f, 0f, 1f, 0f, view.height.toFloat())
                            .apply {
                                duration = 300
                                interpolator = AccelerateInterpolator()
                                fillAfter = true
                            }
                    )

                    view.startAnimation(
                        AnimationUtils.loadAnimation(context, R.anim.pulse)
                    )
                

• Покадровая анимация: новый Drawable загружается на каждый кадр
• Важно: большое потребление ресурсов, возможность получить OutOfMemoryException

• Позволяет анимировать любое свойство через Integer, Float или Object
• Свойство меняется программно внутри UpdateListener
• Не привязан к жизненному циклу View
• Есть собственная иерархия вызовов в процессе формирования кадров
• Можно одновременно анимировать несколько View элементов

• Время переводится в интервал [0.0, 1.0]
• TimeInterpolator - функция, которая определяет с какой скоростью происходит анимация
• TypeEvaluator - как должен изменяться объект в процессе анимации относительно времени
• Можно писать свои реализации для TimeInterpolator и TypeEvaluator
• TypeEvaluator используется для изменения сложных объектов или для изменения примитивов (RectEvaluator, ArgbEvaluator)

• LinearInterpolator - функция с постоянной скоростью или линейная анимация
• AccelerateInterpolator - функция с увеличивающейся скоростью (для пропадающих элементов)
• DecelerateInterpolator - функция с уменьшающейся скоростью (для появляющихся элементов)
• AccelerateDecelerateInterpolator

Material Interpolators - более плавные

• FastOutLinearInInterpolator
• LinearOutSlowInInterpolator
• FastOutSlowInInterpolator

• Расширение ValueAnimator, имеет упрощенное API
• Можно указать конкретные свойства объекта, которые ObjectAnimator меняет автоматически
• Значение Property может быть задано с помощью наследника Property или явно строкой
• Не может анимировать два объекта одновременно: нужны разные экземпляры ObjectAnimator
• Важно: задание Property через строку вызывает методы Reflection!

XML:

                    <set xmlns:android="http://schemas.android.com/apk/res/android"
                         android:ordering="sequentially">
                        <objectAnimator
                            android:propertyName="alpha"
                            android:duration="500"
                            android:valueFrom="0f"
                            android:valueTo="1f"/>
                        <objectAnimator
                            android:propertyName="rotation"
                            android:duration="500"
                            android:valueType="floatType"
                            android:valueFrom="0f"
                            android:valueTo="90f" />
                    </set>
                

                    val animator = AnimatorInflater
                        .loadAnimator(context, R.animator.animator_set)
                        .let { it as AnimatorSet }
                        .apply { setTarget(view) }
                        .also { it.start() }
                

• Позволяет воспроизводить несколько анимаций: одновременно или последовательно
• play(animator1) - передается главный аниматор
• with(animator2) - для воспроизведения одновременно с аниматором в play(animator1)
• before(animator2) - для воспроизведения до
• after(animator2) - для воспроизведения после
• playTogether(animator1, animator2) - для воспроизведения одновременно
• playSequentially(animator1, animator2) - для воспроизведения последовательно

• Работает на основе ValueAnimator, удобный API для простых свойств
• Может быть быстрее ObjectAnimator (если аниминуется несколько Property)
• Набор Property ограничен
• Важно: не можем сделать анимации кастомных атрибутов

• Работает на основе ValueAnimator
• Флаг в XML: android:animateLayoutChanges="true"
• Запускает анимацию на изменение положения, видимости или размера View внутри ViewGroup
• Решает проблему временного прерывания анимации из-за потери фреймов
• Анимирует прямых детей ViewGroup
• При анимации сложной иерархии может привести к laggy behavior из-за флага animateParentHierarchy
• При анимации нескольких изменений будет применяться только для последнего изменения

• Вводится понятие Transition и Scene
• Transition - инкапсулирует класс анимаций
• Scene - состояние до и после анимации
• Анимирует всю иерархию View
• Решает проблему временного прерывания анимации из-за потери фреймов
• Появляется вместе с Material Design (Android 4.4+)
• Можно делать свои Transition
• Можно использовать для сложных иерархий View

• Базируется на законах физики
• FlingAnimation - пользователь своими действиями инициирует анимацию
• SpringAnimation - анимация возврата к начальному значению
• Позволяет изменить конечное значение во время анимации
• Нет: duration
• Нет: interpolator
• Есть: физика (конечная позиция и начальная скорость)
• FlingAnimation доп. параметр: трение (friction)
• SpringAnimation доп. параметр: жёсткость (stiffness) & затухание (damping ratio)

• Анимация элементов внутри RecyclerView
• canReuseUpdatedViewHolder(vh: ViewHolder) - определяет будет ли анимация вызываться после изменения данных элемента
• recordPreLayoutInformation(...): ItemHolderInfo - вызывается RecyclerView до начала отрисовки
• ItemAnimator сохраняет информацию о View до перемещения, обновления или удаления
• ItemHolderInfo передается в метод animateChange(oldVH: ViewHolder, newVH: ViewHolder, preInfo: ItemHolderInfo, postInfo: ItemHolderInfo): Boolean
• RecyclerView вызывает animateChange(...) при notifyItemChanged(position: Int)

• Расширение PropertyAnimation
• Ресурс анимации - это стандартный objectAnimator
• Количество командв исходном и конечном пути должно быть одинаковым

                    <animated-vector
                        android:drawable="@drawable/vector_drawable">

                        <target
                            android:name="start"
                            android:animation="@anim/start_animation" />

                       <target
                            android:name="end"
                            android:animation="@anim/end_animation"/>

                    </animated-vector>
                

1. Добавить атрибут android:transitionName к View
2. Описать анимацию перехода View через XML: transitionSet
3. Передать ActivityOptions для второй Activity при запуске
4. Объявить анимации в темах Activity

1. Добавить атрибут android:transitionName к View
2. Описать анимацию перехода View через XML: transitionSet
3. Описать для второго фрагмента анимации через сеттеры
4. Добавить SharedElement к FragmentTransaction

                    <androidx.drawerlayout.widget.DrawerLayout
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        xmlns:tools="http://schemas.android.com/tools"
                        android:id="@+id/drawerLayout"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent">

                        <FrameLayout
                            android:id="@+id/container"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"/>

                        <fragment
                            android:id="@+id/drawerMenu"
                            android:name="com.intership.example.DrawerMenuFragment"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_gravity="start"
                            tools:layout="@layout/fragment_drawer_menu"/>

                    </androidx.drawerlayout.widget.DrawerLayout>
                

                    <androidx.coordinatorlayout.widget.CoordinatorLayout
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        xmlns:app="http://schemas.android.com/apk/res-auto"
                        android:id="@+id/coordinatorLayout"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent">

                        <com.google.android.material.appbar.AppBarLayout
                            android:id="@+id/appBarLayout"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:fitsSystemWindows="true"
                            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

                            <com.google.android.material.appbar.CollapsingToolbarLayout
                                android:id="@+id/collapsingToolbarLayout"
                                android:layout_width="match_parent"
                                android:layout_height="match_parent"
                                android:fitsSystemWindows="true"
                                app:contentScrim="?attr/colorPrimary"
                                app:layout_scrollFlags="scroll|exitUntilCollapsed">

                                <androidx.constraintlayout.widget.ConstraintLayout
                                    android:id="@+id/toolbarLayout"
                                    android:layout_width="match_parent"
                                    android:layout_height="match_parent"
                                    android:fitsSystemWindows="true"
                                    app:layout_collapseMode="parallax">

                                    <ImageView
                                        android:id="@+id/imageView"
                                        android:layout_width="0dp"
                                        android:layout_height="wrap_content"
                                        android:fitsSystemWindows="true"
                                        app:layout_constraintDimensionRatio="1:1"
                                        app:layout_constraintStart_toStartOf="parent"
                                        app:layout_constraintEnd_toEndOf="parent"
                                        app:layout_constraintTop_toTopOf="parent"/>
                                </androidx.constraintlayout.widget.ConstraintLayout>

                                <androidx.appcompat.widget.Toolbar
                                    android:id="@+id/toolbar"
                                    android:layout_width="match_parent"
                                    android:layout_height="?attr/actionBarSize"
                                    app:layout_collapseMode="pin"
                                    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

                            </com.google.android.material.appbar.CollapsingToolbarLayout>
                        </com.google.android.material.appbar.AppBarLayout>

                        <FrameLayout
                            android:id="@+id/container"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

                        <com.google.android.material.floatingactionbutton.FloatingActionButton
                            android:id="@+id/favorite_fab"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            app:fabSize="normal"
                            app:layout_anchor="@id/appBarLayout"
                            app:layout_anchorGravity="bottom|end"
                            app:layout_behavior="@string/appbar_scrolling_view_behavior"
                            android:src="@drawable/ic_fab_image"/>

                    </androidx.coordinatorlayout.widget.CoordinatorLayout>
                

A MotionLayout is a ConstraintLayout which allows you to animate layouts between various states. (© Docs)

• Animated Vector Drawable
• Property Animation Framework
• LayoutTransition animations: TransitionManager
• CoordinatorLayout

Обратная совместимость: Android API >= 14 (IceCreamSandwich 4.0, 4.0.1, 4.0.2)

Полностью декларативный: можно описать сцены любой сложности в XML

                    <androidx.constraintlayout.motion.widget.MotionLayout
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        xmlns:app="http://schemas.android.com/apk/res-auto"
                        xmlns:tools="http://schemas.android.com/tools"
                        android:id="@+id/motionLayout"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        app:layoutDescription="@xml/scene_main"
                        app:applyMotionScene="true"
                        app:progress="0.0"
                        app:currentState="@id/start"
                        app:motionDebug="SHOW_ALL"
                        tools:showPaths="true">

                        <View
                            android:id="@+id/cardBackgroundView"
                            android:layout_width="0dp"
                            android:layout_height="0dp"
                            android:background="@drawable/shape_white_large_cornered_bottom"
                            app:layout_constraintStart_toStartOf="parent"
                            app:layout_constraintEnd_toEndOf="parent"
                            app:layout_constraintBottom_toBottomOf="@id/cardLayoutGuideline"
                            app:layout_constraintTop_toTopOf="parent"/>

                        <androidx.constraintlayout.widget.Guideline
                            android:id="@+id/cardLayoutGuideline"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:orientation="horizontal"/>
                        <View android:id="@+id/view" ... />
                    </androidx.constraintlayout.motion.widget.MotionLayout>
                

• alpha
• visibility
• elevation
• rotation, rotationX, rotationY
• translationX, translationY, translationZ
• scaleX, scaleY

Важно: нужно определить CustomAttribute в start и end <ConstraintSet>

                    <android.support.constraint.utils.ImageFilterView
                        android:id="@+id/imageFilterView"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@color/accent"
                        android:src="@drawable/ic_start"
                        app:altSrc="@drawable/ic_end" />
                

                    <ConstraintSet android:id="@+id/start">
                        <Constraint
                            android:id="@id/imageFilterView" ...>
                            <CustomAttribute
                                motion:attributeName="crossfade"
                                motion:customColorValue="0"/>
                            <CustomAttribute
                                motion:attributeName="saturation"
                                <-- 0 = grayscale; 1 = original, 2 = hyper saturated -->
                                motion:customFloatValue="1" />
                            <CustomAttribute
                                motion:attributeName="contrast"
                                <-- 0 = gray; 1 = original, 2 = hyper contrast -->
                                motion:customFloatValue="1" />
                            <CustomAttribute
                                motion:attributeName="warmth"
                                <-- 0.5 = cold (blue); 1 = original, 2 = warm (red) -->
                                motion:customFloatValue="1" />
                        </Constraint>
                    </ConstraintSet>
                    <ConstraintSet android:id="@+id/end">
                        <Constraint
                            android:id="@id/imageFilterView" ...>
                            <-- exactly same list of <CustomAttribute> -->
                        </Constraint>
                    </ConstraintSet>
                

                    <Transition ...>
                        <KeyFrameSet>

                            <KeyPosition
                                motion:keyPositionType="parentRelative"
                                motion:percentY="0.25"
                                motion:framePosition="50"
                                motion:target="@id/imageView"/>

                            <KeyAttribute
                                motion:rotation="90"
                                motion:framePosition="100"
                                motion:motionTarget="@id/recyclerView"/>

                            <KeyAttribute
                                motion:alpha="0"
                                motion:framePosition="0"
                                motion:motionTarget="@id/view"/>
                            <KeyAttribute
                                motion:alpha="0"
                                motion:framePosition="75"
                                motion:motionTarget="@id/view"/>
                            <KeyAttribute
                                motion:alpha="1"
                                motion:framePosition="100"
                                motion:motionTarget="@id/view"/>
                        </KeyFrameSet>
                    </Transition>
                

• Запросы кэшируются
• Множественные одинаковые запросы будут объединяться и парсинг анимации будет выполнен один раз
• Анимацию можно комбинировать с ValueAnimator
• Анимацию можно проигрывать по частям
• LottieAnimationView поддерживает два scale types: centerCrop & centerInside

1. src/main/res/raw - json ресурс анимации
2. src/main/assets - json ресурс анимации
3. src/main/assets - zip ресурс анимации
4. URL - для json или zip
5. String - json виде строки
6. InputStream - для json или zip

From res/raw: lottie_rawRes

                    <com.airbnb.lottie.LottieAnimationView
                        android:id="@+id/lottieAnimationView"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"

                        app:lottie_rawRes="@raw/animation"

                        <-- Loop indefinitely -->
                        app:lottie_loop="true"
                        <-- Start playing as soon as the animation is loaded -->
                        app:lottie_autoPlay="true" />
                

From assets/: lottie_fileName

                    <com.airbnb.lottie.LottieAnimationView
                        android:id="@+id/lottieAnimationView"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        app:lottie_fileName="animation.json"

                        <-- Repeat count: Integer -->
                        app:lottie_repeatCount="-1"
                        <-- Repeat mode: reverse / restart -->
                        app:lottie_repeatMode="reverse" />