Cara Membuat Halaman Intro atau Splash Screen di Sketchware

Cara Membuat Halaman Intro Atau Splash Screen di Sketchware - Jika di Postingan sebelumnya saya membagikan Tutorial Cara Membuat Aplikasi Sederhana Menggunakan Sketchware, Kali ini saya akan membagikan Tutorial Seputar Sketchware lagi yaitu Cara Membuat Halaman Intro atau Splash Screen di Sketchware.

Sebelumnya, Apa Itu Halaman Intro ? Halaman ini sebenarnya sering disebut Splash Screen dan sering sekali muncul pada Aplikasi - Aplikasi Android ketika membukanya. Bahkan Aplikasi terkenal dan ternama pun memiliki Halaman Intro, Biasanya berupa tampilan Logo Aplikasi tersebut dengan bermacam - macam warna Bacground. Contohnya Halaman Intro dari Aplikasi Instagram dibawah Ini :

Dan biasanya Halaman Intro ini cuma muncul beberapa saat atau detik sampai berpindah secara otomatis ke Halaman Utama atau Beranda Aplikasi tersebut.

Selain itu ada juga yang berupa tampilan Animasi, serta ada juga Halaman Intro yang harus menunggu sebuah tombol muncul dan ketika tombol tersebut di tekan akan berpindah langsung ke Halaman Beranda Aplikasi.

Namun pada Artikel kali ini saya hanya akan membagikan Tutorial Cara Membuat Halaman Intro yang berupa logo Aplikasi dan hanya muncul beberapa saat sampai akan bepindah secara otomatis ke halaman beranda. Untuk caranya sendiri dapat di katakan sangatlah mudah, tidak berbasa - basi lagi berikut inilah Tutorial lengkapnya :

Buka Aplikasi Sketchware dan buat Project Aplikasi baru, seperti pada Artikel sebelumnya.

Pada halaman pembuatan Aplikasi tekan titik tiga di kanan atas layar, Pilih View lalu tekan main.xml, hilangkan centang pada StatusBar dan Toolbar lalu Save.

Buat halaman Activity baru dengan menekan tombol Plus dibawah kanan layar. Beri nama Halaman Utama atau Beranda.

Masih di menu Configuration tekan Image untuk menambahkan icon pada halaman Splash Screen nanti.

Kembali ke halaman pembuatan Aplikasi, tambahkan Linear (Tekan dan Seret ke view Aplikasi, Lalu akan muncul menu pengaturan dibawah layar.

Atur widht dan heightnya menjadi match_parent.

Geser ke arah kiri lalu pilih Gravity, centang center_horizontal dan center_vertical (Fungsinya agar konten yang ada di Linear tersebut berada di tengah.

Geser lagi dan pilih background color dan ubah warnanya sesuai keinginan.

Tekan dan Seret ImageView ke View Aplikasi, Dimenu pengaturan bawah, Atur widht dan height gambarnya sesuai ukuran yang di inginkan (disarankan 100 dp). Geser lalu tekan image, pilih gambar atau icon yang ditambahkan tadi.

Selanjutnya pilih scale type dan ubah CENTER menjadi FIT_CENTER.

Sampai disini halaman Splash Screen sudah selesai, berikut inilah hasilnya.

Pada halaman Activity (Halaman Beranda) yang baru di buat tadi silahkan isi sesuai kebutuhan dan keinginan.

Selanjutnya Tekan COMPONENT, lalu tekan tombol merah ber icon plus.

Lalu akan muncul halaman seperti berikut.

Buat Komponen Intent dan Timer.

Pilih EVENT, lalu tekan onCreate,

buat atau susun blok seperti gambar dibawah ini,

Caranya tekan tombol lingkaran warna biru yang berlogo Puzzle. Lalu pilih Blok Komponen yang berwarna biru lalu susun bloknya seperti gambar di atas.

Keterangan : 3000 ms = 3 detik

Kembali ke halaman pembuatan aplikasi, Terakhir Tekan Tombol RUN dan tunggu proses pembuatan Aplikasi sampai muncul perintah Instal. Instal dan lihat hasilnya.

Hasilnya, Saat Aplikasi di buka akan hanya ada tampilan Logo Aplikasi, selama 3 detik (waktu bisa disesuaikan atau diatur pada step 9) setelah itu akan berpindah secara otomatis kehalaman beranda.

Nah itulah Tutorial Cara Membuat Halaman Intro Atau Splash Screen di Sketchware, Sangat mudah dan simpelkan caranya. Masih banyak Tutorial - tutorial menarik seputar Sketchware yang akan diulas secara rutin di AW96BloG. Jadi jangan sampai tertinggal update terbarunya.

Masih Belum Mengerti, Yuk Lihat Video Tutorialnya di Channel Youtube Kami. Tonton Disini

Sekian dan Terima Kasih atas kunjungannya dan telah membaca artikel ini, Semoga Artikel dan Blog ini dapat bermanfaat serta membantu pembaca semua.