Membuat Splash Screen di Android

Splash screen adalah tampilan pertama program yang muncul sementara sebelum masuk ke menu utama. Berikut merupakan langkah-langkah pengerjaan pembuatan Splash Screen:

Buatlah project Android baru dengan ketentuan:

  • Apllication Name: SplashScreen
  • Minimum Required SDK : API 15: Android 4.0.3 (IceCreamSandwich)
  • Theme : Blank with fragment.
New Project
New Project

Buatlah satu layout baru dalam folder res/layout dengan nama splashscreen Kemudian edit splashscreen.xml agar seperti code dibawah ini:

Edit juga pada activity_main.xml dengan mengubah atribute Textview pada android:text menjadi “This is activity main”.

Lalu buat satu class baru pada package yang sama dengan MainActivity, beri namanya dengan SplashActivity.java Kemudian edit agar menjadi seperti code berikut:

    Penjelasan:

  • class SplashActivity dibuat dalam package yang sama dengan MainActivity
  • private static final int SPLASH_TIME = 4000 merupakan inisialisasi untuk waktu
  • 4000 = 4 seconds
  • new Handler() untuk menjadwalkan pesan atau Runnable untuk dieksekusi
  • postDelayed(Runnable, SPLASH_TIME); Runnable merupakan bagian yang akan di eksekusi dan SPALASH TIME merupakan lama penundaan sampai Runnable akan dieksekusi
  • public void run() merupakan method yang otomatis muncul ketika menggunakan Runnable()

Sekarang buka AndroidManifest.xml dan edit manifest menjadi seperti dibawah ini:

    Penjelasan:

  • Tujuan dari pengeditan Android Manifest ini untuk mendaftarkan activity baru yang telah dibuat
  • Bagian yang diberi tanda pada android:name merupakan bagian yang diedit
  • Bagian yang diberi tanda pada <activity..></activity> merupakan bagian yang ditambahkan

Save dan jalankan emulator. Pada tampilan pertama selama 4 detik akan tampil splashscreen seperti berikut:

Splash screen
Splash screen

Untuk contoh code bisa dilihat di Github ini, Semoga bermanfaat! 🙂

2 thoughts on “Membuat Splash Screen di Android

  1. Maap nih mas, ada sedikit saran dari saya. Untuk penjelasan kode sebaiknya dikasih warna atau komentar pada contoh codingnya 🙂

    Like

Good People write good comments ..

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s