User interface merupakan sesuatu yang bisa dilihat oleh user dan berfungsi sebagai media bagi user berinteraksi dengan perangkat. Komponen UI terbagi menjadi beberapa kategori :
1. Layout
2. Widget
3. Text Field
4. Container
5. Date & Time
Ada beberapa terminologi umum untuk UI (antarmuka) Android, yaitu :
1. Views
2. Views Group
3. Fragments
4. Activities
Untuk mempermudah dalam pengelompokkan, maka Views dikelompokkan menjadi :
1. Basic Views
2. Picker Views
3. List Views
Komponen Basic Views
1. Textview
2. EditText
3. Button
4. ImageButton
5. ImageView
6. Checkbox
7. ToggleButton
8. RadioButton
9. RadioGroup
Text View
Adalah elemen pada Android Studio yang digunakan untuk menampilkan output berupa text pada UI sesuai dengan tampilan gambar diatas.
Atribut pada Textview :
1. Text : text yang akan ditampilkan
2. Textsize : ukuran teks
3. Textcolor : warna teks
4. TextALLCAPS : menampilkan seluruh teks dengan huruf kapital
5. Textstyle : style(normal,bold,italic,bolditalic) untuk text
Praktikum textview
1. Jalankan Android Studio
2. Setelah tampil IDE Android Studio , kita ketikkan script pada file activity_main.xml seperti berikut :
Edit Text
Adalah elemen UI untuk memasukkan dan memodifikasi text, di dalam penerapannya atribut EditText seperti input type harus ditetapkan secara spesifik.
Praktikum EditText
1. Jalankan Android Studio
2. Setelah tampil IDE Android Studio, kita ketikkan script pada file activity_main.xml seperti berikut :
Komponen Button & Image
Adalah UI elemen dimana user dapat mengklik atau melakukan tap untuk menghasilkan sebuah action. Dan komponen ImageView adalah elemen yang biasa digunakan untuk menampilkan image file ke dalam aplikasi.
Praktikum Button & Image
1. Jalankan Android Studio
2. Setelah tampil IDE AndroidStudio, kita sediakan dahulu file image nya yang berformat jpg/image gunakan resolusi terendah saja, buka file Explore dan copy file yang tadi.
3. Setelah itu buka project android studio Kembali , lalu cari folder Res/Drawable/ di dalam struktur folder project kita. Lalu klik kanan pada folder Drawable pilih paste
4. Klik OK pada pilihan tempat penyimpanan file kita dan beri/ubah nama file kita, jangan menggunakan spasi dalam penamaan file, karena naninya akan menjadi kendala dalam pemanggilan file tersebut Ketika app android kita akan di jalankan
5. Ketikkan Script pada activity_main.xml
Radio Button
Radio grup dan radio button adalah elemen yang telah disediakan oleh Android Studio yang biasa digunakan untuk menampilkan pilihan yang akan dipilih berupa satu lingkaran kecil dengan titik di tengahnya , yang nantinya akan digunakan sebagai opsi input .
Praktikum RadioButton
1. Buka IDE Android Studio
Masukkan Script seperti berikut
Script
Tidak ada komentar:
Posting Komentar