Tuesday, 5 February 2019

Cara Mudah Membuat Layar Splash Screen Android dengan App Inventor

Splash Screen adalah tampilan layar pertama yang muncul ketika sobat membuka aplikasi mobile sementara aplikasi tersebut sedang loading. Contohnya saat pertama kali sobat membuka aplikasi Facebook atau Twitter akan muncul layar seperti di bawah ini:






Membuat splash screen sangat mudah dilakukan dengan MIT App Inventor. Tahap-tahapnya adalah sebagai berikut:
Sediakan gambar atau logo untuk ditampilkan di splash screen, ukurannya jangan terlalu besar, sekitar 100 x 100 pixel.
Buka website MIT AppInventor kemudian Create app! atau buka App Inventor Ultimate 2 offline (Silakan baca tulisan sebelumnya Cara Mudah Membuat Aplikasi Android dengan App Inventor dan Cara Mudah Instal App Inventor di Laptop/PC).
Start new project buat nama aplikasi misalnya : SplashScreen.
Hilangkan tanda centang pada ShowStatusBar dan TitleVisible.


Tambah layar dengan klik Add Screen biarkan namanya Screen2, jangan lupa kembali ke layar Screen1.
Ubah perataan layar AlignHorizontal dan AlignVertical menjadi Center.


Ubah warna latar BackgroundColor sesuka sobat misalnya biru.


Tarik dan lepaskan komponen Image dari Palette > User Interface ke viewer.


Upload logo yang sobat punya dengan cara klik di bawah properti Picture lalu klik Upload File kemudian klik Pilih File cari logo yang akan dipakai.



Setelah ketemu klik OK maka logo sobat akan muncul di tengah layar.
Tarik dan lepaskan komponen Clock dari Palette > Sensors, di propertinya hilangkan tanda centang pada TimerAlwaysFires dan masukan interval waktunya TimeInterval: 3000 (3 detik).




Kemudian kita akan melakukan pengaturan perintah blok-nya, silakan klik Blocks.
Klik Clock1 pilih blok paling atas when Clock1.Timer letakkan di editor blok, kemudian klik Control scroll ke bawah pilih open another screen screenName pasangkan ke blok sebelumnya. Klik Text pilih paling atas, pasangkan dengan blok kedua beri nama ”Screen2”. Susunannya akan seperti di bawah ini:


Silakan dicoba dijalankan dengan emulator atau buat apk-nya untuk dijalankan di smartphone sobat.



Demikian semoga berguna.***

4 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete

  2. dicoba keberuntungannya bersama dengan kami di ionqq*com
    hanya dengan minimal deposit 20.000
    ayooo buruan bergabung kami tunggu ya ^^

    ReplyDelete