Membuat Splash Screen di Android Studio

March 28, 2016

Membuat Splash Screen di Android Studio – Splash Screen adalah tampilan loading pertama kali ketika aplikasi android dibuka/dijalankan, agar terlihat lebih menarik dan terkesan profesional. Pada umumnya Splash Screen ini dibuat untuk menunjukan logo perusahaan atau logo dari aplikasi yang dibuat.

Saya menggunakan aplikasi Android Studio 1.5.1 sebagai IDEnya, selain menggunakan versi 1.5.1 anda juga bisa menggunakan versi yang lama 1.0, tapi lebih baik anda update terlebih dahulu agar kinerja dari aplikasi tersebut bisa berjalan dengan lancar.

Pertama Siapkan gambar dengan ukuran Lebar 480 pixels dan Panjang 800 pixels dengan format JPG/JPEG, saya kasih contoh seperti gambar di bawah ini.

SplashScreen

Yang kita butuhkan untuk memasang Splash Screen pada aplikasi android adalah
1 Buah file JAVA dengan di beri nama SplashSreen.java
1 Buah Activity Layout dengan di beri nama splashscreen.xml
dan sedikit setingan di file AndroidManifest.xml

Langkah-langkah Membuat Splash Screen di Android Studio :

Buat Project / pakai project yang sudah kita buat
Copas file foto yang akan kita buat splashscreen ke folder res>drawable dengan nama file splashscreen
Buat file xml baru pada folder res>layout dengan nama splashscreen.xml
Copas kode berikut :
Buat file class baru pada folder java>com.nama.package dengan nama SplashScreen.java
Copas kode berikut :
Untuk mengatur durasi/lama splash screen, edit variabel splashInterval dengan nilai yang lebih besar
Edit file AndroidManifest.xml yang terdapat di folder manifests menjadi seperti berikut :
Sekarang coba kita jalankan Aplikasinya ,jika berhasil akan seperti ini.

Masih bingung? Silahkan simak video dibawah ini

Video Tutorial :

Jika masih bingung silahkan lihat full source code : https://github.com/luqman-dev/SplashScreen

Jika masih bingung, Silahkan tanyakan di kolom komentar.
Sekian tutorial Membuat Splash Screen di Android Studio , Semoga bermanfaat 🙂

Comments ( 18 )

ANDIKA
July 29, 2016 at 11:04 am
Reply
hi….
saya menCOBA MENGIKUTI TUTORIAL INI SPLASHSCREEN YANG GAN BUAT, TAPI KETIKA SAYA MENJALANKAN PROGRAMNYA YANG TERJADI MALAH”uNFORTUNATELY sPLASHSCREENHAS BE STOPEP”INI APA MASALAHNYA GAN..??
KLO DILAHAT CODINGNYA UDAH BENER…MOHON BANTUANYA GAN…
THANK.
- luqman
  July 29, 2016 at 1:06 pm
  Reply
  Error yang keluar di LogCat apa?
Bima
November 24, 2016 at 10:55 am
Reply
gan mohon bantuannya, ini error yg saya knapa ya ??
Error:Exception while parsing the supplied manifest file C:\Users\adera\AndroidStudioProjects\MyApplication\app\src\main\AndroidManifest.xml
> Attribute name “package” associated with an element type “manifest” must be followed by the ‘ = ‘ character.
- luqman
  January 26, 2017 at 11:56 pm
  Reply
  baca ini ya 🙂 http://stackoverflow.com/questions/35536900/errorattribute-name-xmlns-associated-with-an-element-type-manifest-must-be
lawumedia
December 10, 2016 at 4:17 pm
Reply
kok punya saya setelah SPLASHSCREEN selesai langsung keluar. itu apa ya masalahnya.?
- luqman
  January 26, 2017 at 11:52 pm
  Reply
  error nya apa? coba lihat di tab android monitor, teliti yang error bagian mana
Yenny palindih
December 27, 2016 at 4:03 pm
Reply
Gan. Knpa punya saya waktu build apk dpt pesan errornya gini: no resource identifier found for attribute ‘src’ in package ‘android’?
Mohon pencerahan gan. Thx..
- luqman
  January 26, 2017 at 11:48 pm
  Reply
  berarti ada yang salah :D, coba lebih teliti lagi
azka
February 13, 2017 at 2:37 pm
Reply
Cara ngilangin actionbarnya gmna ya ?
- luqman
  February 13, 2017 at 5:37 pm
  Reply
  requestWindowFeature(Window.FEATURE_NO_TITLE);
  getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
Ayus
March 10, 2017 at 6:11 pm
Reply
Tutorialnya bagus banget, sayang aplikasi jadi double,
untuk ngilangin action bar
- luqman
  May 15, 2017 at 8:46 pm
  Reply
  jangan lupa atur theme nya,
frika
May 16, 2017 at 11:15 pm
Reply
saya sudah menggunakan sintaks diatas untuk menghilangkan actionbar nya, tetapi actionbar nya masih tetap ada, cara menghilangkan nya bagainana ya ?
- Faisal
  July 24, 2017 at 1:21 am
  Reply
  mungkin saya bisa sedikit membantu untuk menghilangkan action bar’y
  1. Buka folder res-lalu folder values di dalam folder values cari “style.xml” lalu buka style.xml’y,,,
  2. Terdapat KODING
  3.ubah pada “.darkaxtionbar” menjadi “.noactionbar” SEPERTI INI HASILNYA
  4.
  5.Semoga Membantu
  thanks
riyanti
May 19, 2017 at 11:17 am
Reply
aku ko error terus ya bikin splashscreen…
- luqman
  May 22, 2017 at 3:25 pm
  Reply
  errornya apa?
dila
September 13, 2017 at 11:36 pm
Reply
ka di apk aku ga ada pesan errornya tapi masa, klo pas keluar aplikasi balik lagi ke splasscreennyaa.. hehe itu gimana yaa… makaasih kaa
- Luqman Hakim
  September 14, 2017 at 11:35 pm
  Reply
  Codingan yg ” Intent i = new Intent(SplashScreen.this, MainActivity.class); ” sudah benar?