Menggunakan Gambar Sebagai Background Aplikasi Android

Cara set gambar di aplikasi android pada nativescript

sangat mudah. Berikut adalah cara mengubah background aplikasi android pada nativescript:

Abaikan title bar-nya.. :D

• Untuk menyimpan gambar background, buat folder di dalam folder app. Di contoh ini, saya membuat folder bernama images.
• Simpan gambar yang ingin digunakan sebagai background di dalam folder tersebut. Gambar sebaiknya berformat PNG.
Sebagai contoh, saya menyimpan gambar bernama background.png di dalam folder images.
• Buka file css, lalu buat satu class dengan property sebagai berikut. Sebagai contoh, saya membuat class bernama loginpage:
.loginpage { background-image: ~/images/background.png; background-repeat: repeat; background-position: center; background-size: cover; }
• Simpan file css tersebut.
• Langkah terakhir adalah memanggil class yang sudah dibuat di tag di file xml halaman yang akan anda ubah. Dalam contoh ini, saya akan merubah halaman login:
• Setelah ditambahkan class loginpage, maka tampilan tag pada script akan menjadi seperti ini:
<page class="loginpage" loaded="loadLoginView">
• Selesai. Hasilnya bisa dilihat di screenshot dibawah ini:

Abaikan title bar-nya.. :D

Demikian adalah

cara merubah gambar background pada nativescript

. Semoga artikel di atas bisa membantu anda dalam mendevelop aplikasi android dengan nativescript. Terima kasih. (Alinda S