ImageView, TextView, Button - Android Studio Tutorial

Pada gambar diatas merupakan wireframing dari apps yang akan kita buat. Terdapat kategori yang bisa kita pilih. jika kita kelompokkan sesuai objek, maka kolom gambar termasuk objek image. judul dan deskripsi adalah objek tulisan (text). sedangkan kategori adalah button.

Objek dasar yang perlu dipelajari pada tutorial ini adalah :
- TextView -> Digunakan untuk menampilkan teks
berikut adalah contoh code text view :

 - ImageView -> Digunakan untuk menampilkan gambar
Berikut adalah contoh code ImageView :

- Button -> digunakan untuk fungsi tombol
Berikut adalah contoh Button :

Untuk menambahkan gambar, klik folder res, kemudian klik folder mipmap. klik kanan seperti berikut, kemudian pilih "Image Asset" :

kemudian akan ditampilkan seperti berikut ;

Ubah nama dan layername sesuai kebutuhan, peraturannya  penamaannya adalah sebagai berikut :
- tidak boleh ada spasi
- harus huruf kecil semua

kemudian disana kita bisa meresize gambar tersebut. setelah konfigurasi selesai klik next. maka akan muncul seperti berikut :

Kemudian klik Finish. Maka gambar akan tersimpan didalam folder mipmap.

Pada tutorial sebelumnya kita telah belajar layout, maka untuk membuat desain seperti diatas kita akan menggunakan linear layout. Berikut adalah implementasi Linear Layout, TextView, ImageView, dan Button :

Sehingga hasil desain dari code tersebut adalah seperti berikut :