Screen adalah suatu komponen pada aplikasi Android yang menampilkan dan mengatur activity aplikasi sebagai tempat interaksi antara pengguna dengan aplikasi, seperti membuat panggilan telepon, mengambil foto, mengirim pesan singkat, atau mengirim email. Sebuah Activity mengatur satu halaman user interface aplikasi. Di dalam screen, ada beberapa user interface widget seperti Button, Label, TextBox, Web_Viewer, dan banyak lagi yang saling berkaitan agar aplikasi tersebut bisa dipakai oleh pengguna.
Bagi anda yang ingin mengubah warna background atau latar belakang pada screen yang terdapat di dalam aplikasi tersebut, maka hasil pembuatan aplikasi anda menjadi lebih menarik dan indah untuk dilihat oleh pengguna aplikasi buatan anda.
Disini, saya akan memberikan tutorial mengatur warna background screen dengan bantuan blok program pada Thunkable.
Langkah-Langkah:1. Aktifkan web browser di komputer atau laptop anda.
2. Ketikkan thunkable.com pada address bar. Tunggu sampai halaman utama muncul.
3. Setelah itu, anda diminta login untuk memasuki akses project Thunkable. Klik Sign In. Ini melakukan login melalui Gmail Oauth dengan mengisi akun gmail anda. Tunggu beberapa saat sampai redirect ke homepage. Lihat gambar di bawah ini.
 |
| Tampilan Dashboard pada Thunkable. |
4. Klik Create New App untuk membuat project baru. Kemudian, nama judul project sesuai dengan keinginan anda. Misalkan, nama judul project adalah "colorscreen1". Klik OK.
 |
| Tampilan Pembuatan Project App. |
5. Silahkan klik button Blocks. Tunggu beberapa saat sampai muncul tampilan kerja Blocks.
6. Klik Screen1 >>> Klik tahan pada blok Screen1.Initialize() dan tarik blok tersebut ke block view.
 |
| Tampilan Pemilihan Blok Screen1.Initialize(). |
7. Lepaskan tombol mouse pada blok tersebut. Berarti anda telah membuat
OnCreate() pada Screen atau Activity. Ini dimaksudkan, anda membuat sebuah inisialisasi
OnCreate() untuk mengisi beberapa blok-blok program yang akan bekerja pada saat aplikasi pertama kali dibuka atau diaktifkan di dalam emulator atau smartphone Android.
 |
| Tampilan Hasil dari Blok Screen1.Initialize() di Block View. |
8. Klik Screen1 >>> Klik tahan pada blok Screen1.Background_Color() dan tarik blok tersebut ke block view.
 |
| Tampilan Pemilihan Blok Screen1.Background_Color(). |
9. Klik tahan dan geserkan pada blok Screen1.Background_Color() tersebut ke dalam blok Screen1.Initialize() agar dapat menampilkan perubahan warna background pada screen / activity pada saat aplikasi program tersebut pertama kali dibuka di dalam emulator atau smartphone Android.
 |
| Tampilan Hasil Memasukkan Blok Program Screen1.Background_Color(). |
10. Klik Color >>> Klik tahan pada blok Color yang memiliki 3 blok warna (Red, Green, Blue) dan tarik blok tersebut ke block view.
 |
| Tampilan Pemilihan Blok Color 3 Warna. |
11. Klik tahan dan geserkan pada blok Color tersebut ke dalam blok Screen1.Background_Color() agar bisa mengubah warna background pada screen melalui tiga warna tadi. Nilainya antara 0 - 255 pada masing-masing tiga warna tersebut. Isikan ketiga warna (R,G,B) tersebut sesuai keinginan anda.
 |
| Tampilan Hasil Memasukkan Blok Color 3 Warna. |
12. Klik
Export >>>
App (save .apk to my computer) untuk mengkonversi ke aplikasi Android siap pakai (.apk) dan menyimpan ke dalam komputer. Tunggu beberapa waktu sampai aplikasi tersebut berhasil tersimpan di dalam komputer.
13. Aktifkan software emulator Android yang ada di dalam komputer atau laptop anda. Tunggu beberapa saat sampai muncul tampilan dashboard emulator tadi.
14. Klik ikon
Instal APK / APP tergantung dari nama emulator Android tersebut.
15. Pilihlah file aplikasi (.apk) website mobile yang anda unduh (download) tadi. Klik
Open, tunggu beberapa saat sampai terinstal dan buka aplikasi tersebut di dalam emulator Android.
 |
| Hasil dari Perubahan Warna Background Screen |
Baca juga :
Sekian dari posting ini... Terima kasih...
0 Komentar untuk "Cara Mengatur Warna Background Screen dengan Blok Program di Thunkable"