Jumat, 23 Maret 2018

Tutorial membuat SplashScreen yang dilengkapi dengan timer stepdown pada android studio.


Berikut langkah-langkah membuat SplashScreen yang dilengkapi dengan timer stepdown :
1. Masuk ke aplikasi Android studio, maka akan muncul tampilan seprti dibawah ini:
2. Klik “Start a new Android Studio Projek” lalu masukkan nama projek yang akan anda buat dan klik next, seperti tampilan seperti dibawah ini:

3. Setelah itu akan muncul tampilan seperti gambar dibawah, lalu klik next

4. Pilih “Empty Activity” lalu next
5. Setelah muncul tampilan seperti dibawah kemudian klik finish
6. Setelah itu kita akan membuat tampilan utama terlebih dahulu dengan cara  klik layout “activity_main.xml” seperti pada lingkarang merah pada gambar dibawah, lalu masukkan sintak seperti pada gambar:

7. Setelah memasukkan sintak diatas klik "design" seperti dilingkaran hitam pada gambar no.6  maka akan muncul tampilan seperti berikut:
8.  Kemudian buat layout “activity” baru dengan cara,
 klik layout(liat panah gambar dibawah) -> klik kanan pada “activity_main.xml” -> New -> Activity -> Gallery, seperti pada gambar dibawah:
9. Lalu akan muncul kembali tampilan berikut, Pilih “Empty Activity” lalu next
10. Disini saya menggunakan nama “activity_splash_screen” pada layout baru, karena layout ini digunakan untuk tampilan SplashScreen, lalu klik “finish”

11. Maka akan muncul layout baru dengan nama“activity_splash_screen” seperti berikut:
12. Kemudian pilih “manifests”
13. Kemudian masuk layout ”AndroidManifest.xml”. Layout ini digunakan untuk mengatur tampilan mana yang akan muncul terlebih dahulu dan disini kita akan membuat tampilan SplashScreen muncul terlebih dahulu setelah itu akan muncul tampilan utama. Maka kita atur layout “SplashScreen” diatas  dan “MainActivity” dibawah seperti pada lingkaran berwarna hitam atau dibalik posisinya dari sintak awal(lingkaran merah menunjukkan posisi awal layout)

14. Setelah itu kita akan membuat tampilan Splash Screen dengan cara  klik layout “activity_splash_screen.xml”, lalu masukkan sintak seperti pada gambar:

15. Untuk mengedit warna dari tampilan pilih "color.xml" seperti pada gambar dibawah:
16.  Kemudian masuk layout "color.xml" dan untuk mengedit warna yaitu double klik pada kotak berwarna seperti pada lingkaran gambar dibawah:


17. Setelah itu klik "design", maka akan muncul tampilan seperti berikut:
18.  Kemudian masuk layout ”SplashScreen.java” dan masukkan sintak timer stepdown seperti pada gambar:

19. Jika selesai memasukkan sintak pada "SplashScreen.java" selanjutnya tinggal kita run  dengan cara klik panah hijau. perhatikan panah pada gambar dibawah:
20. Maka akan muncul tampilan seperti gambar dibawah. disini saya menggunakan hp maka saya pilih "sony D6653(Android 5.0.2,API":
20. Hasil run seperti pada vidio berikut:

==="Semoga Bermanfaat"===

Tidak ada komentar:

Posting Komentar