Ekranlar o'rtasidagi o'tish animatsiyasi uchun nima…

Androidda ekranlar o'rtasidagi o'tish animatsiyasini amalga oshirish uchun bir nechta yondashuvlar mavjud:

Faoliyat animatsiyalari (Activity Animations): Mavzular yoki dasturlash orqali aniqlanadi. Faoliyatlar uchun kirish va chiqish uchun standart animatsiyalarni belgilash imkonini beradi.

override fun startActivity(intent: Intent) {
    super.startActivity(intent)
    overridePendingTransition(R.anim.slide_in_right, R.anim.slide_out_left)
}

override fun finish() {
    super.finish()
    overridePendingTransition(R.anim.slide_in_left, R.anim.slide_out_right)
}

Animatsiya fayllari (masalan, res/anim/slide_in_right.xml):

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="100%"
        android:toXDelta="0%"
        android:duration="@android:integer/config_shortAnimTime" />
</set>

Fragment animatsiyalari (Fragment Animations): Fragment tranzaksiyasi amalga oshirilganda aniqlanadi.

supportFragmentManager.beginTransaction()
    .setCustomAnimations(R.anim.fade_in, R.anim.fade_out, R.anim.fade_in, R.anim.fade_out)
    .replace(R.id.container, fragment)
    .commit()

Ulashilgan elementlar o'tishlari (Shared Element Transitions): Bir yoki bir nechta View'larning ekranlar o'rtasida o'tishini animatsiya qilish imkonini beradi, uzluksizlik effektini yaratadi. Transition qo'llab-quvvatlashini temada yoqish talab qilinadi.

Manba faoliyatda:

val options = ActivityOptionsCompat.makeSceneTransitionAnimation(
    this,
    sharedView, // Animatsiya uchun View
    ViewCompat.getTransitionName(sharedView) // Bog'lanish uchun nom
)
startActivity(intent, options.toBundle())

Qabul qiluvchi faoliyatda:

// onCreate yoki onViewCreated metodida (fragmentlar uchun)
supportPostponeEnterTransition() // Kirish animatsiyasini kechiktirish, Views tayyor bo'lguncha
// Keyin, Views tayyor bo'lsa (masalan, rasm yuklash tinglovchisi):
supportStartPostponedEnterTransition()

Ikkala ekran XML dizaynida:

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:transitionName="image_transition" /> <!-- Bog'lanish uchun nom -->

Component animatsiyalari (Navigation Component): Agar Navigation Component ishlatilsa, o'tish animatsiyalarini to'g'ridan-to'g'ri navigatsiya grafigida belgilash mumkin:

<action
    android:id="@+id/action_fragmentA_to_fragmentB"
    app:destination="@id/fragmentB"
    app:enterAnim="@anim/slide_in_right"
    app:exitAnim="@anim/slide_out_left"
    app:popEnterAnim="@anim/slide_in_left"
    app:popExitAnim="@anim/slide_out_right" />

Usul tanlovi foydalanilayotgan arxitekturaga (Activity, Fragments, Navigation Component) va kerakli effektga bog'liq.

Ekranlar o'rtasidagi o'tish animatsiyasi uchun nima qilish kerak?