AndroidTutorial

ImageView pada Android Studio

Setelah sebelumnya kita belajar mengenai TextView pada Android Studio, sekarang kita akan membahas tentang ImageView. Apa si ImageView itu ? ImageView merupakan elemen XML pada Android Studio untuk menampilkan/menyisipkan sebuah gambar atau image kedalam aplikasi yang kita buat. Untuk syntaxnya sendiri, seperti berikut :

Sekarang salin kode tersebut ke XMLV, apa yang akan terjadi ? Jika kalian sudah menyalin kode tersebut ke XMLV pasti akan tampil seperti gambar berikut :

Jika kalian ingin mengganti image backgroundnya, maka lihat di bagian “AVAILABLE IMAGES”, disitu ada 17 gambar yang bisa dipilih. Tentunya pada XMLV ini tidak menyediakan gambar banyak, tujuannya hanya untuk pembelajaran, tapi jika kalian menggunakan Android Studio, kalian dapat mengganti gambar sesuai keiinginan kalian.

Baca Juga : RecycleView Click Listener (Kotlin)

Jika kita lihat gambar diatas, akan terlihat terlalu kebesaran dan tidak sesuai layar perangkat. Bagaimana cara mengatasinya ? Untuk mengubah tampilannya, kita harus mengubah scaleType yang tadinya “center” kita rubah menjadi “centerCrop”, yang hasilnya akan seperti gambar dibawah ini :

Terlihat bagus bukan ? Dengan mengganti type scale.nya kita dapat mengatur posisi atau skala gambar yang akan kita tampilkan diperangkat. Dan jika kalian ingin mengatur panjang dan lebar gambar, maka ubah pada value “layout_width” dan “layout_height”, untuk satuan ukuran ImageView menggunakan “dp” berbeda dengan TextView yang menggunakan “sp”, contoh :

Sekarang kalian coba ubah codingannya sesuai keinginan kalian. Gunakan berbagai ukuran layout dan juga scale typenya. Untuk materi dasar ImageView saya rasa cukup, untuk kedepannya masih ada pengembangannya yang kita akan bahas lain waktu. Untuk materi selanjutnya kita akan membahas tentang Button di Android Studio. Jika kalian masih ada yang bingung mengenai materi ImageView ini, silahkan bertanya dikolom komentar. Terimakasih

Related Articles

Leave a Reply

Back to top button
Close

Adblock Detected

Tolong Matikan AdBlock dulu Gan :)