Android Studio

Assalamu'alaikum... Wr.wb

Pada tugas minggu sekarang pengenalan komponen UI lanjutan pada Android Studio

1. Komponen Spinner

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

 a. Pertama jalankan apk IDE Android Studio, caranya :

• Pilih Start -> Android Studio

• Pilih Start a New Android Studio Project 

• Kemudian akan muncul Select a Project Template
• Pilih -> Empty Activity -> Next

• Kemudian Configure Your Project

• Name : spinner_TI.2
• Package name -> ubah nama blog kalian masing-masing, saya menggunakan url bawaan com.example.spinner_ti2
• Save Location -> D:\2021\semester 6\neneng14518590
• Language -> Java
• Minimum API Level -> API 16 -> klik Finish

  b. Maka akan tampil IDE Android Studio, setelah itu buka Script pada file

Res/values/string.xml

c. Rubah dan Ketikan script string.xml seperti gambar dibawah ini

  d. Selanjutnya rubah script activity_main.xml menjadi seperti text dibawah ini

  e. Klik tombol RUN hijau diatas, Jalankan di emulator Maka akan tampil output seperti gambar dibawah

2. Komponen Toggel Button

 Komponen ini biasanya digunakan untuk menampilkan status dicentang/ tidak dicentang (Aktif / Nonaktif) pada tombol. Bermanfaat jika pengguna harus mengubah pengaturan exp, dapat digunakan Bluetooth, Nyala / Mati, Wifi dll 

a. Pertama jalankan apk IDE Android Studio, caranya :

• Pilih Start -> Android Studio

• Pilih Start a New Android Studio Project 

• Kemudian akan muncul Select a Project Template
• Pilih -> Empty Activity -> Next

• Kemudian Configure Your Project

• Name : spinner_TI.2
• Package name -> ubah nama blog kalian masing-masing, saya menggunakan url bawaan com.example.spinner_ti2
• Save Location -> D:\2021\semester 6\neneng14518590
• Language -> Java
• Minimum API Level -> API 16 -> klik Finish

b. Maka akan Tampil IDE Android Studio, Setelah itu ketikan script pada file activity_main.xml seperti gambar dibawah ini :

c. Klik tombol RUN diatas, Jalankan di emulator Maka akan tampil seperti gambar dibawah ini

Dibawah ini tampialan Tombol

 Flash Mati dan Flash Hidup

3. Komponen Switch On/Off

Switch adalah widget sekalar dua keadaan yang dapat memilih antara dua opsi atau pilihan. Pada dasarnya adalah tombol On/Off yang menunjukan keadaan Switch saat ini. Biasanya digunakan dalam memilih On/Off di sound, Bluetooth, Wifi dll. Jadi hampir sama dengan fungsi Toggle Button

a. Pertama jalankan apk IDE Android Studio, caranya :

• Pilih Start -> Android Studio

• Pilih Start a New Android Studio Project 
• Kemudian akan muncul Select a Project Template
• Pilih -> Empty Activity -> Next
• Configure Your Project

• Name : SwitchOnOff
• Package name -> ubah nama blog kalian masing-masing
• Save Location -> D:\2021\semester 6\ti2\Neneng Evi
• Language -> Java
• Minimum API Level -> API 16 -> klik Finish

b. Maka akan Tampil IDE Android Studio, Setelah itu ketikan script pada file activity_main.xml seperti gambar dibawah ini :

c. Jalankan di emulator Maka akan tampil seperti gambar dibawah ini

    Switch OFF

   Kemudian setelah di klik maka 

   Switch ON

4. ProgressBar

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

a. Pertama jalankan apk IDE Android Studio, caranya :

• Pilih Start -> Android Studio
• Pilih Start a New Android Studio Project 
• Kemudian akan muncul Select a Project Template
• Pilih -> Empty Activity -> Next
• Configure Your Project

• Name : ProgresBar
• Package name -> ubah nama blog kalian masing-masing
• Save Location -> D:\2021\semester 6\ti.2\NenengEvi
• Language -> Java
• Minimum API Level -> API 16 -> klik Finish

b. Maka akan Tampil IDE Android Studio, Setelah itu ketikan code 

Mohon Tunggu/loading

pada file activity_main.xml seperti text dibawah ini :

c. Jalankan diemulator makan akan tampil gambar seperti dibawah ini 

d. Ketikan code untuk Sedang Menyimpan data pada file activity_main.xml seperti text dibawah ini :

d. Jalankan diemulator makan akan tampil gambar seperti dibawah ini

5. 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 yang lainnya.

a. Pertama jalankan apk IDE Android Studio, caranya :

• Pilih Start -> Android Studio
• Pilih Start a New Android Studio Project 
• Kemudian akan muncul Select a Project Template
• Pilih -> Empty Activity -> Next
• Configure Your Project

• Name : SeekBar
• Package name -> ubah nama blog kalian masing-masing
• Save Location -> D:\2021\semester 6\ti.2\NenengEvi
• Language -> Java
• Minimum API Level -> API 16 -> klik Finish

b. Maka akan Tampil IDE Android Studio, Setelah itu ketikan script pada file activity_main.xml seperti text dibawah ini :

c. Klik tombol RUN diatas layar, Jalankan diemulator makan akan tampil gambar seperti dibawah ini 

6. Komponen RatingBar

RatingBar biasanya digunakan untuk mendapatkan peringkat dari user peringkat mengembalikan angka ploating-point, mungkin 2.0, 3.5, 4.0 dan lainnya.

a. Pertama jalankan apk IDE Android Studio, caranya :

• Pilih Start -> Android Studio
• Pilih Start a New Android Studio Project 
• Kemudian akan muncul Select a Project Template
• Pilih -> Empty Activity -> Next
• Configure Your Project

b. Maka akan Tampil IDE Android Studio, Setelah itu ketikan script pada file activity_main.xml seperti text dibawah ini :

c. Klik tombol RUN diatas layar, Jalankan diemulator makan akan tampil gambar seperti dibawah ini 

7. ScrollView

a. Pertama jalankan apk IDE Android Studio, caranya :

• Pilih Start -> Android Studio
• Pilih Start a New Android Studio Project 
• Kemudian akan muncul Select a Project Template
• Pilih -> Empty Activity -> Next
• Configure Your Project

b. Maka akan Tampil IDE Android Studio, Setelah itu edit atau ketikan script pada file  strings.xml ,

Untuk topik yang akan ditampilkan bebas, kita bisa dapat copy dari google kemudian pastekan seperti gambar dibawah

c. Selanjutnya ketikan script pada file activity_main.xml seperti text dibawah ini :

d. Klik tombol RUN diatas layar, Jalankan diemulator makan akan tampil gambar seperti dibawah ini 

LATIHAN PRAKTIKUM

a. Pertama jalankan apk IDE Android Studio, caranya :

• Pilih Start -> Android Studio

• Pilih Start a New Android Studio Project 

• Kemudian akan muncul Select a Project Template
• Pilih -> Empty Activity -> Next

• Configure Your Project

• Name : Latihan
• Package name -> ubah nama blog kalian masing-masing
• Save Location -> D:\2021\semester 6\ti.2\NenengEvi
• Language -> Java
• Minimum API Level -> API 16 -> klik Finish

b. Maka akan Tampil IDE Android Studio, Setelah itu ketikan script pada file activity_main.xml seperti text dibawah ini :

c. Klik tombol RUN diatas layar, Jalankan diemulator makan akan tampil gambar seperti dibawah ini, kemudian kita inputkan data diri

Maaf apabila ada kesalahan kata, ketikan, atau format kurang rapih. Sebab saya membuat blog ini menggunakan handphone.

Terimakasih.. 🙂

Wassalamu'alikum wr.wb