Cara Membuat Splashscreen | Tutorial Sketchware Part 01

Halo teman-teman semua ! Ini adalah postingan pertama saya di blog ini. Dalam beberapa kesempatan mendatang saya ingin membagikan tutorial mengenai aplikasi Sketchware, Bagi yang belum tau apa itu SKETCHWARE, Sketchware adalah aplikasi Android yang dirancang untuk membuat aplikasi Android lainnya yang bisa kita pasang pada perangkat Android kita, seperti halnya Android Studio yang ada pada perangkat komputer, di aplikasi ini kita dapat mengkreasikan aplikasi yang ingin kita buat dan hasilnya pun tidak kalah bagusnya.

Untuk lebih jelasnya tentang Sketchware ini kamu bisa membaca lebih detail mengenai Sketchware ini Disini, Karena kedepannya saya akan membuat beberapa postingan tentang Sketchware, jadi saya akan mulai tutorial pertama ini dengan membagikan cara membuat Splashscreen atau tampilan awal sebuah aplikasi ketika kita pertama kali membukanya, Sebagai contoh berikut adalah Splashscreen aplikasi Facebook dan Shopee.

Baiklah jika sudah paham dengan apa yang akan kita bahas kali ini, kita langsung saja mulai tutorial nya.

Menyiapkan Projek

Tutorial ini tidak hanya untuk projek baru saja melainkan bisa untuk projek lama kamu yang belum ditambahkan Splashscreen, maka dari itu saya juga akan menjelaskan caranya untuk projek yang sudah terlanjur dibuat jadi silahkan siapkan projeknya.

Untuk projek baru silahkan buat aktivity baru dengan nama homepage atau apapun, fungsinya ialah agar ketika Splashscreen berakhir, aktivitas akan berlanjut ke aktivity kedua yaitu HomepageActivity, sementara itu MainActivity akan kita gunakan sebagai halaman Splashscreen.

Sedangkan untuk projek lama, silahkan kamu buat activity baru dengan nama Splash, activity tersebutlah yang akan kita gunakan sebagai Splashscreen.

Mengatur Tata Letak

Sebagai layar pembuka, SplashScreen didesign untuk tidak menampilkan StatusBar dan Toolbar, maka dari itu kita harus menghilangkan StatusBar dan Tolbar pada activity yang akan kita gunakan sebagai SplashScreen, dalam hal ini adalah MainActivity dan untuk caranya ialah sebagai berikut.

Klik pada main.xml seperti nomor satu pada gambar diatas kemudian lanjut klik seperti nomor dua pada gambar selanjutnya langkah ketiga ialah menghilangkan centang seperti nomor tiga pada gambar dan terakhir pada nomor empat pilih hidden pada keyboard setting. Jika sudah selanjutnya Seperti biasanya untuk membuat Layout kita perlu menambah LinearLayout terlebih dahulu sebagai layout dasar. Setelah itu ubah Gravity Layout tersebut menjadi center_vertical dan center_horizontal supaya objek didalamnya bisa mendapatkan posisi yang seharusnya yaitu tepat ditengah-tengah.

Jika sudah sekarang kamu bisa menambahkan satu buah ImageView dan satu buah TextView didalamnya. Kemudian untuk desainnya kamu bisa sesuaikan dengan selera kamu dan tentunya harus sesuai dengan tema aplikasi kamu, dan untuk logo bisa kamu ubah ImageView tadi dengan logo yang kamu punya, tapi jangan lupa untuk menambahkan gambar terlebih dahulu pada projek kita yaitu dengan cara tekan pada bilah menu titk tiga sebelah kanan atas layar kemudian pilih Image dan silahkan tambahkan gambar-gambar yang akan kita gunakan pada aplikasi yang kita buat.

Jika kamu sudah mendapatkan desain yang kamu inginkan, sekarang saatnya membuat program untuk membuatnya bekerja dengan semestinya yaitu tampil sementara dihalaman depan kemudian dialihkan ke halaman utama aplikasi kita.

Menambahkan Event

Dari tab View sekarang kita beralih ke tab Even, disini kita akan membuat programnya. Pertama-tama silahkan klik onCreate selanjutnya pada tab terbuka klik icon puzzle di sisi kanan bawah, kemudian klik pada Component lalu klik kembali pada bagian add component maka akan muncul opsi untuk menambahkan komponen yang di perlukan, dalam hal ini komponen yang kita butuhkan ialah komponen Timer maka silahkan klik pada komponen Timer selanjutnya isi saja nama komponennya dengan huruf (t) untuk timer maka blok timer akan ditambahkan.

Selanjutnya tarik Blok timer paling atas dan letakan pada posisinya, isi nama komponen dengan nama yang kita berikan tadi yaitu (t) kemudian isi kolom number dengan waktu yang akan kita tetapkan misalkan kita ingin agar SplashScreen tapil 3 detik maka nilai yang harus kita masukan ialah 3000, dengan kata lain bahwa 1 detik = 1000 dengan begitu setelah waktu SplashScreen habis maka pengguna akan dibawa ke halaman utama aplikasi kita.

Belum selesai disana karena kita juga harus menentukan kemana SplashScreen akan berlanjut setelah selesai, maka dari itu kita jugag memerlukan komponen Inten untuk berpindah dari satu Aktivitas ke aktivitas lainnya, untuk itu kita kembali tambahkan komponen dengan cara yang sama seperti sebelumnya namun karena yang kita butuhkan sekarang ialah komponen Inten maka silahkan pilih inten daan isi nama inten dengan (i) atau apapun terserah.

Jika blok inten sudah ditambahkan sekarang seret dua blok inten yang bertuliskan inten setScreen dan Start Activity kemudian pada isian komponen isi dengan komponen inten yang kita buat barusan yaitu (i) pada kedua blok tersebut dan selanjutnya isi juga tujuan inten dengan memilih homepage di kolom context pada blok inten pertama. jangan lupa tambahkan juga blok komponen yang bertuliskan Finish Activity yang bisa kamu cari juga pada blok komponen, blok tersebut digunakan untuk mengakhiri aktivitas pada halaman SplashScreen. baiklah jika sudah maka susunannya akan seperti gambar berikut ini.

Sampai sini kamu sudah dapat mencoba menjalankan projek ini, silahkan jalankan dan lihat hasilnya, jika terjadi eror silahkan cek kembali projenya dan baca kembali tutorial ini dengan teliti.

Tambahan Untuk Projek Lama

Untuk projek lama yang baru dipasang SplashScreen ada tambahan pengaturan untuk diterapkan, yaitu mengganti LauncherActivity atau aktivitas yang akan pertama kali ditampilkan, default-nya MainActivity atau main adalah aktivitas utama dalam pembuatan aplikasi di Sketchware maka dari itu kita perlu mengubah default tersebut menjadi aktivitas yang barusan kita buat dalam hal ini ialah SplashActivity atau spalsh dan untuk caranya perhatikan gambar berikut.

Pertama-tama silahkan klik menu titik tiga disisi kanan atas layar selanjutnya pilih AndroidManifest kemudian pilih Aktivity Launcher dan selanjutnya ubah (main) menjadi Activity yang kamu buat SplashScreen dalam hal ini ialah SplashActivity (splash) maka ganti saja dengan splash lalu save dan selesai, silahkan jalankan proyeknya dan lihat hasilnya.