Memigrasikan implementasi layar pembuka Anda ke Android 12 dan yang lebih baru

Jika Anda menerapkan layar pembuka kustom di Android 11 atau yang lebih lama, migrasikan aplikasi ke SplashScreen API untuk membantu memastikannya ditampilkan dengan benar di Android 12 dan yang lebih baru.

Mulai Android 12, sistem menerapkan layar pembuka default sistem Android di cold dan warm start untuk semua aplikasi. Secara default, layar pembuka sistem ini dibuat menggunakan elemen ikon peluncur aplikasi Anda dan windowBackground tema Anda, jika berupa satu warna.

Jika Anda tidak memigrasikan aplikasi, pengalaman peluncuran aplikasi di Android 12 dan yang lebih baru mungkin akan menurun atau memiliki hasil yang tidak diinginkan.

  • Jika layar pembuka yang ada diimplementasikan menggunakan tema kustom yang menggantikan android:windowBackground, sistem akan mengganti layar pembuka kustom Anda dengan sistem Android default layar pembuka di Android 12 dan yang lebih baru. Ini mungkin bukan pengalaman yang diinginkan aplikasi Anda.

  • Jika layar pembuka yang ada diterapkan menggunakan Activity khusus, meluncurkan aplikasi di perangkat yang menjalankan Android 12 atau yang lebih baru akan menghasilkan layar pembuka duplikat: layar pembuka sistem tampilan, diikuti dengan aktivitas layar pembuka yang ada.

Anda dapat mencegah pengalaman yang menurun atau tidak diinginkan ini dengan menyelesaikan proses migrasi yang dijelaskan dalam dokumen ini. Setelah Anda bermigrasi, API akan meningkatkan waktu startup, memberikan kontrol penuh atas pengalaman layar pembuka, dan menciptakan pengalaman peluncuran yang lebih konsisten dengan aplikasi lain di platform.

Library compat SplashScreen

Anda dapat menggunakan API SplashScreen secara langsung, tetapi sebaiknya gunakan Androidx SplashScreenlibrary compat. Library compat menggunakan API SplashScreen, memungkinkan kompatibilitas mundur, serta membuat tampilan dan nuansa yang konsisten untuk tampilan layar pembuka di semua versi Android. Dokumen ini ditulis menggunakan compat library.

Jika Anda bermigrasi menggunakan API SplashScreen secara langsung, di Android 11 dan yang lebih lama, layar pembuka Anda akan terlihat sama persis seperti sebelum migrasi. Mulai tanggal Android 12, layar pembuka memiliki tampilan dan nuansa Android 12.

Jika Anda bermigrasi menggunakan library compat SplashScreen, sistem akan menampilkan layar pembuka yang sama di semua versi Android.

Memigrasikan implementasi layar pembuka Anda

Selesaikan langkah-langkah berikut untuk memigrasikan penerapan layar pembuka yang ada ke Android 12 dan yang lebih baru.

Prosedur ini berlaku untuk jenis implementasi apa pun tempat Anda bermigrasi. Jika Anda bermigrasi dari Activity khusus, ikuti panduan yang dijelaskan dalam dokumen ini untuk mengadaptasi layar pembuka yang disesuaikan Activity. SplashScreen API juga mengurangi startup latensi yang muncul dengan aktivitas layar pembuka khusus.

Untuk memigrasikan layar pembuka, lakukan tindakan berikut:

  1. Dalam file build.gradle, ubah compileSdkVersion dan sertakan library compat SplashScreen dalam dependensi.

    build.gradle
    
    android {
       compileSdkVersion 31
       ...
    }
    dependencies {
       ...
       implementation 'androidx.core:core-splashscreen:1.0.0-beta02'
    }
    
  2. Buat tema dengan induk Theme.SplashScreen. Tetapkan nilai postSplashScreenTheme ke tema yang harus digunakan Activity dan nilai windowSplashScreenAnimatedIcon ke drawable atau animasi yang dapat digambar. Atribut lainnya bersifat opsional.

    <style name="Theme.App.Starting" parent="Theme.SplashScreen">
       <!-- Set the splash screen background, animated icon, and animation
       duration. -->
       <item name="windowSplashScreenBackground">@color/...</item>
    
       <!-- Use windowSplashScreenAnimatedIcon to add a drawable or an animated
            drawable. One of these is required. -->
       <item name="windowSplashScreenAnimatedIcon">@drawable/...</item>
       <!-- Required for animated icons. -->
       <item name="windowSplashScreenAnimationDuration">200</item>
    
       <!-- Set the theme of the Activity that directly follows your splash
       screen. This is required. -->
       <item name="postSplashScreenTheme">@style/Theme.App</item>
    </style>
    

    Jika ingin menambahkan warna latar belakang di bawah ikon, Anda dapat menggunakan tema Theme.SplashScreen.IconBackground dan menyetel atribut windowSplashScreenIconBackground.

  3. Dalam manifes, ganti tema aktivitas awal dengan tema yang Anda buat di langkah sebelumnya.

    <manifest>
       <application android:theme="@style/Theme.App.Starting">
        <!-- or -->
            <activity android:theme="@style/Theme.App.Starting">
    ...
    
  4. Panggil installSplashScreen di aktivitas awal sebelum memanggil super.onCreate().

    Kotlin

    class MainActivity : Activity() {
    
       override fun onCreate(savedInstanceState: Bundle?) {
           // Handle the splash screen transition.
           val splashScreen = installSplashScreen()
    
           super.onCreate(savedInstanceState)
           setContentView(R.layout.main_activity)
    ...
    

    Java

    public class MainActivity extends Activity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
             // Handle the splash screen transition.
             SplashScreen splashScreen = SplashScreen.installSplashScreen(this);
    
             super.onCreate(savedInstanceState);
             setContentView(R.layout.main_activity);
        }
    }
    

installSplashScreen menampilkan objek layar pembuka, yang dapat Anda gunakan secara opsional untuk menyesuaikan animasi atau mempertahankan layar pembuka di layar untuk durasi yang lebih lama. Untuk detail selengkapnya tentang menyesuaikan animasi, lihat Membiarkan layar pembuka tetap di layar untuk waktu yang lebih lama dan Menyesuaikan animasi untuk menutup layar pembuka.

Menyesuaikan Aktivitas layar pembuka kustom Anda dengan layar pembuka

Setelah Anda bermigrasi ke layar pembuka untuk Android 12 dan yang lebih baru, tentukan tindakan yang akan dilakukan dengan layar pembuka kustom Activity sebelumnya. Anda memiliki opsi berikut:

  • Menyimpan aktivitas kustom, tetapi mencegahnya ditampilkan.
  • Mempertahankan aktivitas kustom karena alasan branding.
  • Hapus aktivitas kustom dan sesuaikan aplikasi Anda sesuai kebutuhan.

Mencegah Aktivitas kustom ditampilkan

Jika layar pembuka Anda sebelumnya, Activity terutama digunakan untuk perutean, pertimbangkan cara untuk menghapusnya. Misalnya, Anda dapat langsung menautkan ke aktivitas yang sebenarnya atau berpindah ke aktivitas tunggal dengan subkomponen. Jika tidak memungkinkan, Anda dapat menggunakan SplashScreen.setKeepOnScreenCondition untuk mempertahankan aktivitas pemilihan rute, tetapi menghentikan rendering-nya. Tindakan ini mentransfer layar pembuka ke aktivitas berikutnya dan mendukung transisi.

Kotlin

  class RoutingActivity : Activity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        val splashScreen = installSplashScreen()
        super.onCreate(savedInstanceState)

        // Keep the splash screen visible for this Activity.
        splashScreen.setKeepOnScreenCondition { true }
        startSomeNextActivity()
        finish()
     }
   ...
  

Java

  public class RoutingActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
      SplashScreen splashScreen = SplashScreen.installSplashScreen(this);

       super.onCreate(savedInstanceState);

       // Keep the splash screen visible for this Activity.
       splashScreen.setKeepOnScreenCondition(() -> true );
       startSomeNextActivity();
       finish();
    }
  ...
  

Mempertahankan aktivitas kustom untuk branding

Jika ingin menggunakan Activity layar pembuka sebelumnya karena alasan branding, Anda dapat beralih dari layar pembuka sistem ke layar pembuka Activity kustom dengan menyesuaikan animasi untuk menutup layar pembuka. Namun, sebaiknya hindari skenario ini jika memungkinkan dan gunakan SplashScreen API untuk menandai layar pembuka Anda.

Jika Anda perlu menampilkan dialog, kami sebaiknya menampilkannya di aktivitas layar pembuka kustom berikutnya atau di atas aktivitas utama setelah layar pembuka sistem.

Menghapus Aktivitas layar pembuka kustom

Secara umum, sebaiknya hapus semua Activity layar pembuka kustom sebelumnya untuk menghindari duplikasi layar pembuka, meningkatkan efisiensi, dan mengurangi waktu pemuatan layar pembuka. Ada berbagai teknik yang yang dapat digunakan agar Anda tidak menampilkan aktivitas layar pembuka yang berlebihan.

  • Gunakan pemuatan lambat untuk komponen, modul, atau library Anda. Hindari memuat atau menginisialisasi komponen atau library yang tidak diperlukan aplikasi untuk berfungsi saat peluncuran. Muat nanti, saat aplikasi membutuhkannya.

    Jika aplikasi Anda benar-benar membutuhkan komponen agar berfungsi dengan baik, muat komponen itu hanya ketika sangat diperlukan dan tidak pada waktu peluncuran, atau gunakan thread latar belakang untuk memuatnya setelah aplikasi dimulai. Coba untuk membuat Application.onCreate() Anda seringan mungkin.

    Anda juga dapat memanfaatkan library App Startup untuk melakukan inisialisasi komponen saat aplikasi dimulai. Saat melakukannya, pastikan Anda tetap memuat semua modul yang diperlukan untuk aktivitas awal dan tidak menampilkan jank saat modul yang dimuat dengan lambat tersedia.

  • Buat placeholder saat memuat sejumlah kecil data secara lokal. Gunakan pendekatan tema yang direkomendasikan dan tahan rendering hingga aplikasi siap. Untuk menerapkan layar pembuka yang kompatibel dengan versi sebelumnya, ikuti langkah-langkah yang diuraikan dalam Tempatkan layar pembuka di layar untuk waktu yang lebih lama.

  • Tampilkan placeholder. Untuk pemuatan berbasis jaringan dengan durasi yang tidak tentu, menutup layar pembuka dan menampilkan placeholder untuk pemuatan asinkron. Pertimbangkan untuk menerapkan animasi yang ringan ke area konten yang mencerminkan status pemuatan. Pastikan bahwa struktur konten yang dimuat sesuai dengan struktur kerangka serta mendukung transisi yang mulus saat konten dimuat.

  • Gunakan penyimpanan dalam cache. Saat pengguna membuka aplikasi Anda untuk pertama kalinya, Anda dapat menampilkan indikator pemuatan untuk beberapa elemen UI, seperti yang ditunjukkan pada gambar berikut. Saat pengguna kembali ke aplikasi Anda, Anda dapat menampilkan konten yang disimpan dalam cache ini saat memuat konten yang lebih baru.

Gambar 1. Menampilkan placeholder UI.