Belajar Android Studio (4)

 

PENGENALAN KOMPONEN UI LANJUTAN PADA ANDROID STUDIO

 

·      Komponen Spinner

Komponen Spinner biasa digunakan untuk menampilkan list data yang salah satu dari data yang ditampilkan , nantinya akan dipilih.

1.   Pertama jalankan aplikasi IDE Android Studio, caranya :

a.    Pilih Start à Android Studio

b.   Pilih à Start a new Android Studio Project

c.    Pilih à Empty Activity à Next

Configure Your Project

 

Name à Spinner

Package Name à  Biarakn Apa Adanya

Save Location à C:\Users\ACER\AndroidStudioProjects\NamaFolder\ Spinner

Language à Java

Minimum API Level à API 16 à Klik Finish

2.   Maka akan Tampil IDE Android Studio, setelah itu Buka script pada file res/values/strings.xml

3.   Rubah dan Ketikan script strings.xml seperti gambar di bawah ini

4.   Lanjut dengan merubah script file activity_main.xml menjadi seperti text di bawah ini:

5.   Jalankan di emulator Maka akan tampil seperti gambar di bawah ini

·      Komponen Toggle Button

Elemen Toggle Button biasa digunakan untuk menampilkan status dicentang / tidak dicentang (Aktif / Nonaktif) pada tombol. Ini bermanfaat jika pengguna harus mengubah pengaturan misal, dapat digunakan untuk Suara Nyala / Mati, WiFi, Bluetooth dll.

1.   Pertama jalankan aplikasi IDE Android Studio, caranya :

a.    Pilih Start à Android Studio

b.   Pilih à Start a new Android Studio Project

c.    Pilih à Empty Activity à Next

Configure Your Project

Name à ToggleButton

Package Name à Biarakn Apa Adanya

Save Location à C:\Users\ACER\AndroidStudioProjects\NamaFolder\ ToggleButton

Language à Java

Minimum API Level à API 16 à Klik Finish

2.   Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:

3.   Jalankan di emulator Maka akan tampil seperti gambar di bawah ini

 

·      Komponen Switch On/Off

Element Switch ON/OFF

Switch adalah widget sakelar sakelar dua keadaan yang dapat memilih di antara dua opsi atau pilihan. Pada dasarnya adalah tombol off/on yang menunjukkan keadaan Switch saat ini. Ini biasanya digunakan dalam memilih on/off di Sound, Bluetooth, WiFi dll. Jadi hampir sama dengan fungsiToggle Button.

1.   Pertama jalankan aplikasi IDE Android Studio, caranya :

a.    Pilih Start à Android Studio

b.   Pilih à Start a new Android Studio Project

c.    Pilih à Empty Activity à Next

Configure Your Project

Name à SwitchOnOff

Package Name à Biarakn Apa Adanya

Save Location à  C:\Users\ACER\AndroidStudioProjects\NamaFolder\ SwitchOnOff

Language à Java

Minimum API Level à API 16 à Klik Finish

2.   Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:

3.   Jalankan di emulator Maka akan tampil seperti gambar di bawah ini

 

·      Progress Bar

ProgressBar adalah indikator tampilan grafis yang menunjukkan seberapa lama progress. Progress bar diandroid berguna karena sistem memberi informasi kepada user perihal waktu yang dibutuhkan untuk menyelesaikan tugasnya.

1.   Pertama jalankan aplikasi IDE Android Studio, caranya :

a.      Pilih Start à Android Studio

b.     Pilih à Start a new Android Studio Project

c.      Pilih à Empty Activity à Next

Configure Your Project

Name à ProgressBar

Package Name à Biarakn Apa Adanya

Save Location à  C:\Users\ACER\AndroidStudioProjects\NamaFolder\ ProgressBar

Language à Java

Minimum API Level à API 16 à Klik Finish

2.   Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:

3.   Jalankan di emulator Maka akan tampil seperti gambar di bawah ini

·      Komponen SeekBar

SeekBar adalah sejenis ProgressBar dengan ibu jari yang dapat diseret. User dapat menyeret thumbnail ke kiri dan ke kanan untuk memindahkan progres lagu, volume suara dan lain-lain.

1.   Pertama jalankan aplikasi IDE Android Studio, caranya :

a.    Pilih Start à Android Studio

b.   Pilih à Start a new Android Studio Project

c.    Pilih à Empty Activity à  Next

Configure Your Project

Name à SeekBar

Package Name à Biarakn Apa Adanya

Save Location à C:\Users\ACER\AndroidStudioProjects\NamaFolder\ SeekBar

Language à Java

Minimum API Level à API 16 à Klik Finish

2.   Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:

3.   Jalankan di emulator Maka akan tampil seperti gambar di bawah ini

·      Komponen RatingBar

Android RatingBar biasa digunakan untuk mendapatkan peringkat dari user. Peringkat mengembalikan angka ploating-point, mungkin 2.0, 3.5, 4.0 dan lain sebagainya.

1.   Pertama jalankan aplikasi IDE Android Studio, caranya :

a.    Pilih Start à Android Studio

b.   Pilih à Start a new Android Studio Project

c.    Pilih à Empty Activity à Next

Configure Your Project

Name à RatingBar

Package Name à Biarakn Apa Adanya

Save Location à C:\Users\ACER\AndroidStudioProjects\NamaFolder\ RatingBar

Language à  Java

Minimum API Level à API 16 à Klik Finish

2.   Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:

3.   Jalankan di emulator Maka akan tampil seperti gambar di bawah ini

·      ScrollView

1.   Pertama jalankan aplikasi IDE Android Studio, caranya :

a.    Pilih Start à Android Studio

b.   Pilih à Start a new Android Studio Project

c.    Pilih à Empty Activity à Next

Configure Your Project

Name à ScrollView

Package Name à Biarakn Apa Adanya

Save Location à C:\Users\ACER\AndroidStudioProjects\NamaFolder\ ScrollView

Language à Java

Minimum API Level à API 16 à  Klik Finish

2.   Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:

** Buat TextView Sebanyak 35 kali Tampilan

3.   Jalankan di emulator Maka akan tampil seperti gambar di bawah ini

 

LATIHAN