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 :

Tutorial 2 - Layout Android Studio

Layout adalah suatu tampilan tata letak di android studio untuk mengatur penempatan text/gambar yang sudah terkonsep.jadi layout di sini adalah bagian terpenting untuk memperindah tampilan pada aplikasi yang kita buat nyaman di lihat bagi pengguna. 

Layout di bagi menjadi 2 yaitu:

• Linear Layout
• Relative Layout

Liniear Layout adalah design tampilan pada aplikasi kita dengan tata letak secara vertical dan horizontal dimana tata letak aplikasi kita hanya bisa memasukan media secara mendatar dan menurun.

Relative Layout design tampilan pada aplikasi kita dengan tata letak secara bebas tanpa aturan sesuai keinginan kita.tidak seperti Linear Layout yang hanya terpaku pada salah satu tampilan vertical dan horizontal.