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
0 komentar:
Post a Comment