Tutorial #4 : Bagaimana Membuat Resolusi Tampilan Pada Splash Screen

tutorial-4-bagaimana-membuat-resolusi-tampilan-pada-splash-screen

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

Nah, Pada Tutorial Android #4 ini... kita akan membahas Cara Pemula Membuat tampilan Splash Screen menjadi FullScreen kecil ditengah (Tidak FullScreen) pada Android Studio dengan mudah untuk dipahami... untuk pemula...

Seperti kata pepatah : "Kesan pertama begitu menggoda, selanjutnya terserah anda...", untuk Maksud dan Tujuan Tampilan Splash Screen pada Aplikasi Android.

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

Bagaimana agar tampilan FullScreen kecil ditengah (Tidak FullScreen), seperti hasil akhir tampilan Splash Screen dibawah ini :

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

 

Ok, untuk memulai Tutorial ini, sebaiknya anda membaca kembali Tutorial #2 Sebelumnya... Pada Poin No. 7:

 

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. 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 #4 : Bagaimana Membuat Resolusi Tampilan Pada Splash Screen

Penjelasan:

Pada Tutorial sebelumnnya Tampilan Splash Screen menjadi FullScreen, Code ini terdapat pada ImageView :

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        android:src="@drawable/splash"/>

Pada Tutorial ini kita hanya mengubah Code pada ImageView dengan Code dibawah ini :

    <ImageView
        android:layout_width="160dp"
        android:layout_height="60dp"
        android:src="@drawable/splash"
        android:layout_centerVertical="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

 

3.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...

 

#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

 

Semoga Tutorial ini bermanfaat... Silahkan berikan komentar ya, jika berhasil Membuat Resolusi Tampilan Splash Screen dari tampilan diatas....

 

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, Baca juga Tutorial Sebelumnya... :

 

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

 

Salam AndroidPemula

Ivan. A

 



  • 310 views | Tutorial
  • 2020-03-19
  • Admin

author

Kutipan :

"Sebaik-baik orang diantara kamu adalah Orang yang Mempelajari AlQur'an dan Mengajarkannya" ( HR. Bukhori )

E-VWI.org

© e-vwi.org 2021. All Right Reserved. Supported & Designed by Iqrosoft.co.id

Back to Top