Pengenalan Layout Pada Android Studio

Layout digunakan untuk megatur tata letak antar komponen pada android studio sehingga komponen-komponen pada android studio terlihat teratur rapih sehingga mudah untuk diedit atau dimodifikasi.

Ada 9 jenis layout yang tersedia diandroid studio yaitu ContraintLayout, GridLAyout, FrameLayout, LinearLayout(horizontal), LinearLayout(vertikal), Relative Layout, TableLayout, TableRow, dan <fragment>.

Sebagai programer kita harus bisa melihat dan memanfaatkan layout mana yang cocok untuk program kita jadi ketika kita ingin membuat aplikasi tidak salah dalam pemilihan layout karena ini layout akan sangat memperngaruhi tampilan program aplikasi android.

Penjelasan :

1. ContraintLayout : digunakan untuk membuat layout yang dengan urutan atau antara komponen lain tidak dapat ditimpa melainkan akan diletakan dibagian bawah. Jadi setiap komponen memliki posisi tidak bisa ditimpa antar komponen.

2. GridLayout : digunakan untuk membuat layout sesuai format (row) didalam table yang dinamis sesuai ukuran yang kita tentukan

Contohnya sepert ini :

3. Frame Layout

Digunakan untuk membuat layout dengan frame sesuai keinginan kita dpat pula layout ditumpuk-tumpuk sehingga menjadi satu kesatuan pada program aplikasi.

4. LinearLayout (vertical) digunakan untuk membuat halaman layout vertical atau bertumpuk dari atas ke bawah seperti ilustrasi gambar berikut ini dimana ada 6 layout vertical yang digunakan berurutan dari atas ke bawah

5. LinearLayout(horizontal)  digunakan untuk membuat halaman layout horizontal atau menyamping berurutan dari kirin ke kanan seperti ilustrasi yang terlihat pada gambar dibawah ini ada 4 layout yang saling

berurutan dari samping kiri ke kanan.

6. Relative Layout digunakan untuk membuat halaman layout yang sesuai dengan urutan id seperti ketika kita ingin menambah button maka button akan diletakkan dibawah posisi komponen sebelum button misalnya dibawah textview.

7. TableLayout digunakan untuk membuat tampilan layout di dalam tabel sehingga kita dapat dengan mudah menambahkan layout lain ke dalam tabel dan mengatur jarak antara layout tabel. Kita lihat ilustrasi gambar dibawah ini terlihat table layout mempunyai 4 row kemudian row 1 dan 2 dipecah menjadi column 1 dan 2

Jadi ketika kita ingin menggunakn table layout kita harus paham dahulu konsep dari tabel agar mudah dalam memasukkan komponen-komponen ke dalam layout kita.

Download Versi PDF disini

Pengenalan TextView dan Input Text Pada Android Studio

Kali ini kita akan membuat textview dan inputan text pada android studio, bagaimana cara menambahkan textview dan input text serta menambahkan atau mengkreasikan textview, inputan text agar lebih menarik dan terlihat rapih ketika dijalankan pada emulator atau real device. Baiklah untuk memulai ikuti langkah berikut ini :

Pertama-tama buka android studio kemudian kita buat project baru, seperti biasa isi application nama, project location harus di isi

Kreasi TextView pada layout project

1. Menambahkan TextView Melalui Palette atau design editor

Untuk menambahkan textview pada project kerja kita, yaitu dengan cara drag and drop textview ke layout kerja kita.

Sehingga akan muncul di layout kerja kita TextView nya, kemudian untuk mengedit properties dari textview kita dapat mengubah dari properties yang ada disebelah kanan.

Penjelasan :

1. ID : Merupakan identitas dari TextViiew terlihat dari contoh diatas TextView yang kita buat mendapatkan ID textview2

2. Jadi ketika kita akan memanggil atau memberikan nilai pada textview pada script kita akan panggil menggunakan ID

3. Layout_width : digunakan untuk mengatur ukuran lebar layout

4. Layout_height : digunakann untuk mengatur ukuran tinggi layout textview

    Catatan Ada dua pilihan pada android studio untuk menentukan layout yaitu :

Match_parent : yaitu layout sesuai dengan ukuran textview nya tidak berubah

Wrap_content : yaitu menyesuaikan dengan ukuran layout aplikasi nya

5. Text : digunakan untuk mengubah isi dari textview

6. ContentDescription : digunakan untuk mengisi deskripsi textview apabila di jalankan dan kursor berada di atas textview maka akan terlihat deskripsi atau penjelasan dari textview

7. TextAppearance : digunakan untuk mememberikan style dari textview dalam hal ini android studio sudah memberikan default design font dengan Material.small. Kita dapat mengubah style desing sesaui keinginan kita.

8. Font-family : digunakan untuk mengubahkan font daru textview

9. Typeface : sama deperti font-family namun typeface digunakan untuk kombinasi huruf

10. TextSize : digunakan untuk menubah ukuran font  

11. LineSpacingExtra : digunakan untuk menambahkan sepasi antara textview 1 dengan komponen yang lainya

12. Textcolor : digunakan untuk memberikan warna pada textview

13. TestStyle: digunakan untuk memberikan gaya font seperti tebal, miring, huruf besar semua

14. TextAligment : digunakan untuk menentukan letak dari textview sesuai layout dari textview baik kana, kiri, tengah.

Contoh kustom textview :

Ketika kita lihat dilayout project kita akan tampil seperti dibawah ini :

2. Membuat textview dengan menggunakan coding XML atau pada fitur text.

Tambahkant kode textview seperti gambar dibawah ini :

Pada saat kita ingin menambahkan textview tambahkan tanda ‘<’ tanpa petik ketika kita ingin menulis kode secara otomatis akan ada pilihan komponen sesuai huruf pertama yang kita ketikan seperti digambar berikut ini :

Sehingga dapat secara langsung kita masukkan ke koding, kemudian otomatis akan seperti dibawah ini :

Pada layout_width dan layout_height kita pilih match_parent kemudian tambahkan kode seperti berikut ini :    

Maka ketika dilihat pada preview hasilnya akan seperti ini :

                              

Kemudian kita tambahkan lagi size, warna, dan letak text dengan code seperti ini :

Jika kita ingin mengganti warna secara cepat dapt lansung mengklik area ini

Sehingga muncul pilhan warna seperti gambar dibawah ini :

Selanjutnya tambahkan lagi code seperti pada gambar dibawah ini :

Selanjutnya kita akan menambahkan background, margin, dan letak textview sesuai dengan layout pada textview :

Dengan cara kita tambahkan code berikut ini :

2. menambahkan text inputan pada android studio :

  Pada android studio disediakan beberapa macam text inputan sepeti gambar dibawah ini :

1. Plain Text : digunakan untuk menambahkan input text berupa karakter atau angka

2. Password : digunakan untuk menambahkan inputan berupa password atau inputan yang bersifat rahasia

3. Password(numeric) : digunakan untuk menambahkan inputan password khusus angka

4. Email : digunakan untuk menambahkan inputan berupa email

5. Phone : digunakan untuk menambahkan inputan berupa nomor atau angka seperti nomor telphone

6. Postal address : digunakan untuk menambahkan inputan berupa alamat

7. Multiline Text : digunakan untuk menambahkan inputan berupa test yang sangat banyak seperti komentar atau tulisan

8. Time : digunakan untuk menambahkan inputan waktu

9. Date : digunakan untuk menambahkan tanggal

10. Number (signed),(Decimal) : inputan berupa angka

11. AutoCompleteTextview dan MultiAutoCompleteTextview : digunakan untuk menambahkan input textview secara otomatis melengkapi

sekian artikel dari saya semoga bermanfaat download versi PDF disini