Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

Inilah Cara Pemula Membuat Splash Screen pada Android Studio

Apa sih Splash Secreen?

Coba anda akses salah satu aplikasi android di smartphone anda pertama kali... apa yang anda lihat?

yups... akan tampilan muncul untuk pertama kali berupa Desain Grafis atau Wallpaper yang merupakan Branding dari sebuah produk atau aplikasi yang akan anda gunakan... itulah yang disebut dalam istilah android: "Splash Secreen"

Lalu bagaimana sih caranya membuat Tampilah Splash Secreen tersebut...?

Nah, Pada Tutorial Android #2 ini... kita akan membahas Cara Pemula Membuat Splash Screen pada Android Studio dengan mudah untuk dipahami... untuk pemula...

Oke... siapkan kopi, teh dulu atau minuman kesukaan anda terlebih dahulu +plus cemilan yang kriuuuk.... maka kita akan memulai Tutorial ini Step by Step...

O ya... penulis anggap, anda sudah menginstall Android Studio... atau jika belum silahkan terlebih dahulu anda install dan/atau baca dahulu : Tutorial Android #1 : Bagaimana Cara Download dan Install Android Studio ?

Oke... lanjuttt...

1. Tutorial ini dibuat pada Android Studio 3.3.2

Note: Perlu diketahui bahwa Android studio per Tgl. 17 maret 2020 sudah mengeluarkan versi update ke Android Studio 3.6.1 - nah, jikalau nanti dikemudian hari ternyata tutorial ini tidak berjalan - not work properly, Silahkan dibahas pada komentar, dan yang paling penting terus pantau situs ini agar bisa di update tutorialnya...:)

Tutorial ini dibuat pada Android Studio 3.3.2

 

2. Buat Project : File > New > New Project > pilih Empty Activity pada Phone & Tablet , lalu klik Next

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

3. Buat name : VanSplashTutorial ( atau apapun deh yang anda mau...), pilih OS Android missal 4.4. KitKat (semakin low OS semakin bagus ), lalu kilk FINISH

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

4. Sediakan Logo gambar yang akan digunakan dalam SplashScreen, logo dalam format .*PNG, Pada Tutorial ini digunakan Logo GOJEK ( dan beri nama : splash.png ), lalu klik kanan pada logo splash.png > Copy

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio - Logo

 

5. Kembali ke Android Studio, pada Pastekan Logo splash.png tersebut pada DRAWABLE,


Klik kanan pada res > drawable > paste

 

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

Lalu pilih: ...\app\src\main\res\ drawble > klik OK

 

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

Pada New Name, tetap splash.png lalu klik OK

 

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio - name

 

6. Maka pada Drawable akan tampil splash.png

 

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

7. Buka Halaman Code SplashScreen pada activity_main.xml, Klik pada res > layout > activity_main.xml

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

Lalu pada Text, block semua Code ( CTRL +A )

 

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

Lalu Copy dan Pastekan semua Code dibawah ini pada activity_main.xml,  yang anda block tadi :

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

Pada ImageView, Code yang digunakan untuk menampilkan Logo, terdapat pada :

android:src="@drawable/splash"/>

Code logo hanya nama file logo tanpa *.PNG, Logo yang ditampilkan dalam dimensi Full Screen, Pengaturan Size logo akan dibahas selanjutnya nanti ya...

 

8. Untuk menampilkan berapa lama SplashScreen Tampil, silahkan edit MainActivity.java,


Klik pada java > com.example.vansplashtutorial > MainActivity , Block semua Code pada MainActivity. java


Lalu Copy dan Pastekan Code dibawah ini ke dalam MainActivity.java

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

Keterangan:

Pada Code : SPLASH_DISPLAY_LENGTH = 2000;

2000 = 2 Detik, Merupakan Durasi SplashScreen yang akan tampil sebelum menuju Home/Welcome Home

 

9. Membuat Halaman Link setelah tampilan Splash Screen,


Pada Code MainActivity.java , terdapat Link menuju halaman Home atau Welcome,
Yaitu code : WelcomeActivity

Intent mainIntent = new Intent(MainActivity.this, WelcomeActivity.class);

Keterangan :
Maka diperlukan membuat New Activity untuk meneruskan SplashScreen tersebut... kalau ga, nanti ngelinknya kemana? masa ke kamar sebelah upsss

 

10. Silahkan Klik kanan pada java > com.example.vansplashtutorial > New > Activity > Empty Activity

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

11. Beri nama pada Activity Name dengan: WelcomeActivity > Klik FINISH

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

Lalu akan tampil, WelcomeActivity.java

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

12. Pada activity_welcome.xml, Silahkan tambahkan TEXT untuk menampilkan kalimat pembuka setelah SplashScreen, Klik pada res > layout > activity_welcome.xml

 

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

13. Tambahkan TextView, pada code activity_welcome.xml

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

Dan Silahkan Ganti pada code :


android:text="Hello World!"
Menjadi code ( atau sesuai selera Anda ) :
android:text="Tutorial SplashScreen by Ivan Andrio!"

 

 

14. Silahkan RUN Project, Klik Run > Run 'app' atau klik simbol Play , sebagai berikut :

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

Lalu Pilih Pilih Virtual Device

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

Lalu Tunggu Built Runing.... sampai selesai...

 

#1-Tampilan VirtualDevice Android Studio:

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

Lalu... Taraaaaaa.... Splash Screen Anda jadi :

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

 

#2-Tampilan VirtualDevice pihak ke-3 : Genymotion:

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

15. Berikut Tampilah Halaman HOME setelah Splash Screen Muncul....

Tutorial Android #2 : Inilah Cara Pemula Membuat Splash Screen pada Android Studio

 

Semoga Tutorial ini bermanfaat... Silahkan berikan komentar ya, jika berhasil membuat Splash Screen

eiiiitsss... tunggu dulu ada yang nanya ga? Gimana Membuat Resolusi Tampilan Splash Screen dari tampilan diatas?

Coba perhatikan? Tampilan-1 : Logo ditengah kecil, sedangkan Tampilan-2 : FullScreen?

Terus ada yang bingung ga? gimana sih cara nge-Run APP Android studio pake virtual device dan genymotion? kan harus di buat virtual device dulu....

 

DOWNLOAD SOURCE CODE :

Note:

Anda harus terdaftar sebagai Affiliater agar dapat Download Source Code Pada Halaman Affiliasi, Jika belum Terdaftar Silahkan Join Affiliasi Disini...!

 

Oke, Next Tutorial kita selanjutnya... insyaAllah :

 

So, jangan lupa pantau terus situs AndroidPemula.com ini... Untuk tutorial-tutorial selanjutnya...

 

Salam AndroidPemula

Ivan. A




Beli

PESAN SEKARANG JUGA !

PAKET PEMULA LENGKAP EBOOK ANDROIDPEMULA.COM

Rp. 180.000,-

Tapi Hanya

Rp. 150.000,-


Beli

PAKET MAHIR ANDROID | COMING SOON...

Paket Mahir Android ini disusun berdasarkan Konsep Pemula, Terdiri 8-Bagian :

  • Bagian-1 : Pembuatan Project Aplikasi Mahir dengan Konsep Pemula
  • Bagian-2 : Penjelasan Interface dan Struktur Project Android Studio
  • Bagian-3 : Publikasi Aplikasi ke Google Store
  • Bagian-4 : Modifikasi Project dengan Custom Design
  • Bagian-5 : Kode Praktis Pembuatan Project Android Studio
  • Bagian-6 : Problem Solving dalam Project Android Studio
  • Bagian-7 : Pembuatan Project dengan Database SQL dan PHP
  • Bagian-8 : Pembuatan Aplikasi Toko Online dengan Android Studio
Note! Harga Bisa Naik Tanpa Pemberitahuan Sebelumnya...
author

Kutipan Bisnis

"Bisnis apa yang paling bagus? Ya bisnis yang dimulai dan dibuka, bukan yang ditanyakan terus."

Bob Sadino - Pengusaha Indonesia

Leave a Comments

© AndroidPemula.com 2020. All Right Reserved. Support by Qwords | Designed by Iqrosoft.co.id

Back to Top