Tips Membuat Tampilan Aplikasi Android yang Responsive (ScrollView)

Hai ketemu lagi dengan mini tips dicoding. Kali ini kita akan membagikan satu tips yang berhubungan dengan Layout Scrollview.

Kalian pernah ga coba membuat layout sedemikian rupa agar semua konten masuk dengan sempurna? Tapi ketika di jalankan di device, tampilan layout kalian menjadi berantakan. Contoh kasus nya seperti ini :

case-1

💻 Mulai Belajar Pemrograman

Belajar pemrograman di Dicoding Academy dan mulai perjalanan Anda sebagai developer profesional.

Daftar Sekarang

Nah tampilan di preview Android Studio sih aman-aman saja.

Ketika di run di device lain yang tidak sesuai dengan preview  di Android Studionya …

whatsapp-image-2017-01-19-at-13-11-30

Kok jadi kepotong gitu ya? Hmm.. ada yang salah kah dengan kodenya?


Oke kalau itu masalahnya tips nya sangat mudah, semudah “membungkus” permen. Caranya “bungkus” tampilan aplikasi kalian dengan sesuatu yang scroll-able. Disini kita pakai ScrollView. Struktur dari ScrollView bisa dilihat di bawah ini : 


Kita coba bungkus layout tampilan kita dengan ScrollView, hasilnya akan seperti ini :


Kalau sudah kita bungkus, coba kita jalankan lagi.
Gimana hasilnya? Sudah sesuai kan 🙂

whatsapp-image-2017-01-19-at-13-11-30 whatsapp-image-2017-01-19-at-13-11-32 whatsapp-image-2017-01-19-at-13-11-13

Oh iya note, ScrollView hanya bisa membungkus satu object, jadi kalau kalian ingin menambahkan beberapa object yang ingin kalian masukan ke dalam ScrollView, kalian harus membungkusnya lagi dengan sesuatu layout, singkatntya seperti membungkus permen dalam permen.

Ingin belajar lebih tentang Android? Yuk langsung cek Dicoding Academy Belajar Membangun Aplikasi Android Native (www.dicoding.com/academies/26) , materi nya dibuat oleh Google Developer Expert di Indonesia.

Oke Selamat mencoba, Semoga bermanfaat !

Tunggu tips kami selanjutnya 🙂 

 


Belajar Pemrograman Gratis
Belajar pemrograman di Dicoding Academy dan mulai perjalanan Anda sebagai developer profesional.