PENGENALAN BEBERAPA KOMPONEN UI PADA ANDROID STUDIO (Spinner, Switch On/Off, ProgressBar, SeekBar, RatingBar dan ScrollView)

 Minna, konichiwa

Semoga kalian bahagia dan sehat selalu. Pada kesempatan kali ini saya akan berbagi ilmu tentang pemrograman aplikasi bergerak menggunakan aplikasi Android Studio, lagi. Masih tentang pengenalan komponen UI pada Android Studio, saya akan coba memaparkan tentang beberapa komponen berupa Spinner, Switch On/Off, ProgressBar, SeekBar, RatingBar dan ScrollView. Yosh langsung saja ke pembahasan. Bismillah.

 

Pertama, aplikasi IDE Android Studio seperti biasa :

Jalankan Aplikasi Android Studio > Create New Android Studio Project > pilih template Empty Acticity > Next

 

Configure your project

 

Name : TugasModul4 (misal)

Package name : murasakimars.blogspot.com.tugasmodul4 (misal)

Save location : sesuaikan dengan yang kalian inginkan

Language : Java

Minimun API level : API 16 > klik Finish

 

Tunggu proses download selesai, Maka tampilan utamanya adalah sebagai berikut :


1.      Spinner

Komponen ini bisa digunakan untuk menampilkan list data yang salah satunya data yang ditampilkannya dapat dipilih. Caranya adalah:

 

a.       Buka script pada file res > values > strings.xml.

b.      Ubah dan ketik script seperti dibawah ini :

c.       Kemudian pada file activity_main.xml, ubah dan ketik script seperti dibawah ini 


d.      Saat anda Run di emulator maka akan tampak sepertti ini :


 

2.      Switch On/Off

Komponen yang bisa menampilkan status aktif/nonaktif dengan tombol. Biasanya adapada pengaturan wifi, bluetooth, dll. Caranya :

 

a.       Pada file activity_main, ubah atau tulis script seperti dibawah ini :



b.      Run dan tunggu, maka hasilnya akan tampak seprti ini :



3.      ProgressBar

Komponen yang membantu memberi informasi sistem pada user tentang waktu yang dibutuhkan untuk menyelesaikan suatu tugas berupa indikator tampilan grafis. Caranya adalah sebagai berikut :

 

a.        Pada file activity_main, ubah atau tulis script seperti dibawah ini :


b.      Run dan tunggu, maka hasilnya akan tampak seperti ini :


 

4.      SeekBar

Komponen yang biasanya ada saat mengatur volume suara. User dapat mengatur suatu tugas dengan menggesernya dari kiri ke kanan menggunakan jari. Adapun caranya adalah :

 

a.       Pada file activity_main, ubah atau tulis script seperti dibawah ini :

b.      Run dan tunggu, maka hasilnya akan tampak seprti ini :



5.      RatingBar

Komponen yang digunakan untuk mendapatkan penilaian dari user. Peringkat mengembalikan angka floating-point, mungkin 2.0, 3.5, 4.0 dan lain sebagainya. Caranya adalah :

 

a.       Pada file activity_main, ubah atau tulis script seperti dibawah ini :

b.      Run dan tunggu, maka hasilnya akan tampak seprti ini :



                        

6.      ScrollView

a.       Pada file activity_main, ubah atau tulis script seperti dibawah ini :


            b.    Pada file strings.xml, ubah dan ketik scripe seperti dibawah ini. Adapun untuk isi                     teks nya meneyesuaikan dengan apa yang anda inginkan. sebagai contoh, saya                     ambil dari wikipedia dengan kata kunci android.


            C.    Run dan tunggu, maka hasilnya akan tampak seperti ini :
                
                

                Adapun sebagai latihan dan meresume materi sebelumnya, kita alan mencoba                        membuat aplikasi sederhana seperti berikut :

            

        Untuk Script pada activity_main,xml nya adalah sebagai berikut :
    


                                                        </LinearLayout>

Baiklah, Sekian dulu yang bisa saya bagikan. Mohon maaf jika masih banyak kesalahan dalam menyampaikan. Semoga bermanfaat dan Teruslah Belajar

                

Comments

Popular posts from this blog

Membuat To Do List menggunakan SQLite pada Android Studio

Cara Membuat CRUD Database MySQL dengan PHP pada aplikasi Android Studio