UI ANDROID STUDIO

 

Komponen 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

 

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

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

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.

 

 

 

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 .

 

 

 

 

RadioButton

1.   Buka IDE Android Studio

2.   Masukkan Script seperti berikut

 

Latihan Praktikum

Script

 

 

Hasil