Pengenalan UI pada Android Studio
Pengenalan Komponen User Interface (UI)
Pada
Android Studio
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
Komentar
Posting Komentar