Membuat Splashscreen di Android Studio

Membuat Splashscreen di Android Studio

Sabtu, May 19 2018

google maps splashscreen

Splashscreen merupakan suatu informasi kepada pengguna tentang apps kita, biasanya dia ditampilkan pertama kali ketika aplikasi kita buka, contohnya ketika kita pertama kali buka google maps maka dia akan menampilkan splashscreen (seperti digambar) untuk beberapa detik sebelum ia menampilkan google maps ke user. Kemudian yang jadi persoalan sekarang adalah gimana cara buatnya? calm down guys, soalnya codelabs pada pagi hari ini kita akan bahas tentang hal ini.

Sebenernya cukup mudah kemarin kita sudah belajar tentang intent (komunikasi antar activity) jika kalian belum tahu apa itu intent bisa baca artikel yang satu ini http://my-quotes10.blogspot.co.id/2018/05/mengenal-implisit-intent-dan-eksplisit.html, hal yang sama ketika kita codelabs kemarin, ketika membuat splashscreen kita juga akan menghubungkan antara SplashActivity dan MainActivity. Kita bisa saja menentukan waktunya, mau di tampilin berapa detik nih spashnya 1, 3, 5 detik atau 10 detik kita bisa handle itu. Penasaran? mari kita langsung coding.

Codelabs

Pertama, silahkan kalian buka kembali project kalkulator sederhananya, project ini akan terus kita gunakan ya buat codelabs2 ke depan, biar gk bingung aja sih pastikan kalian mengikuti codelabs yang sebelum-sebelumnya yah.

Kedua, kalian cari image atau gambar apa terserah bisa pake web ini flaticon.com dan cari image yang ingin dijadikan splashscreen dalam hal ini kalkulator. misal kayak gini :

pilih gambar dan warna

Nah jadi di web ini kalian juga tidak cuman bisa pilih gambar, kalian juga bisa ganti-ganti warnanya, selain itu nanti ada pilihan download ada tipe png,svg, psd dll. Jika kalian sudah pilih gambar dan warna kemudian download, saran sih dari saya pake format svg sajah atau png. Jika sudah nanti akan muncul popup dialog kek gini :

popup download flaticon.com

Kemudian kalian pilih yang free sajah, gak usah pamer pake premium karena ingat ya kita itu developer miskin jadi pilih yang free sajah.~~

Ketiga, silahkan kalian menuju ke app > res > drawable > klik kanan new > vector asset, kemudian asset type pilih local sedangkan di path nya kita cari path file downlodan tadi, sehingga akan seperti ini :

new vector asset on android studio

Selanjutnya klik next, kemudian finish. Kita bisa saja buat vector asset kek gini dengan satu syarat tadi filenya adalah berupa file svg, untuk png gk bisa dibuat ginian, cukup copy paste langsung saja ke drawable. Jika sudah maka akan seperti gambar berikut :

finish create new vector image

Membuat activity baru, seperti biasa di package project kita klik kanan > new activity beri nama SplashscreenActivity (noted : pembuatan new activity bisa baca disini http://my-quotes10.blogspot.co.id/2018/05/mengenal-implisit-intent-dan-eksplisit.html)

Jika sudah, silahkan kalian buka dulu activity_splashscreen.xml dan ubah kodenya seperti berikut :

Kemudian, tambahkan kode di SplashscreenActivity.java sehingga sebagai berikut :

Kemudian, kita ubah susunan activity di manifest seperti ini :

AndroidManifest.xml calculator sederhana

Hal ini bertujuan supaya activity Splashscreen adalah activity yang harus dijalankan pertama kali ketika aplikasi dijalankan.

Terakhir silahkan kalian run di emulator atau device kalian, jika gak ada masalah maka akan, jalan seperti ini :

noted : jika gambarnya pecah maka, silahkan kalian ubah kode yang ada di ic_calculator.xml dan ubah width dan height menjadi 100dp semua.

Penjelasan kode

kode di SplashActivity

• Pertama kita buat variable final bernama TIMEOUT_TIME ini merupakan durasi, dalam hal ini system android membacanya adalah milisecond jadi disini value nya adalah 5000 sehingga durasinya adalah selama 5000 milisecond atau 5second.
• getsupportActionbar().hide berguna untuk menyembunyikan appbar, agar seperti fullscreen.
• handler postdelayed ini berfungsi untuk menunda yang ada di method run() dalam hal ini intent selama beberapa waktu, artinya selama TIMEOUT_TIME hal ini 5 detik kita tunda dulu intentnya, artinya perpindahan activity akan dijalankan setelah 5 detik. Jadi activity splashscreen akan tampil selama 5 detik sajah.

Wokee seluruh proses dalam pembuatan spashscreen sudah selesai, sudah bisa jalan splashscreennya mudah banget cara buatnya, iya kan? haha, So selamat mencoba ya, semoga kalian bingung, sehingga bisa komen dibawah ini, dan akhirnya seperti biasa jangan lupa like fans page gue fb.me/myquotes10, dan sampai jumpa di tulisan-tulisan selanjutnya. Oh iya jika butuh kode kalkulator sederhana bisa ke sini ya github.com/bayu1993/Kalkulator-Sederhana.

Untuk umber belajar kalian bisa ke websitenya orang india satu ini androidhive.info/2013/07/how-to-implement-android-splash-screen-2/, selamat belajar ya