Belajar Android Studio (5)

 

PENGENALAN KOMPONEN UI (PickerView & ListView) DAN PENGGUNAAN APPLICATION RESOURCE PADA ANDROID STUDIO

 

v Application Resource

Aplikasi yang bagus adalah aplikasi yang mengakses sumber daya secara programatikal dari pada menggunakannya secara hardcoding ke dalam source code. Ada beberapa alasan Menyimpan resource di suatu merupakan pengembangan yang lebih terorganisasi. Mengeksternalisasikan sumber daya seperti string akan memudahkan untuk menglokalisasikan aplikasi untuk bahasa-bahasa yang berbeda berdasarkan daerah geografis. Selain itu, pembuatan string resource juga akan memudahkan jika string digunakan beberapa kali dan terjadi perubahan. Kita hanya perlu mengubah satu nilai string resource tanpa harus mengubahnya di source code satu persatu.

 

v Apa itu Application Resource

Semua aplikasi android dibuat dengan dua hal : fungsionalitas (instruksi kode) dan data (sumber daya). Fungsionalitas adalah kode yang menentukan bagiamana aplikasi akan bekerja, di dalamnya terdapat algoritma yang membuat aplikasi berjalan. Sumber daya (resource) berupa text string, style & theme, color, dimension, image & icon, audio, video, dan data lainnya yang digunakan oleh aplikasi.

v Lokasi Application Resource

File sumber daya Android disimpan secara terpisah dari file kelas .java di project Android. Pada umumnya sumber daya disimpan dalam XML. Semua sumber daya harus dibuat di direktori project /res di dalam sub-direktori tertentu

Di bawah ini merupakan nama-nama sub-direktori /res :

Ø /res/drawable-*/ : berisi sumber daya grafis

Ø /res/layout/ : berisi sumberdaya layout dan UI

Ø /res/menu/ : berisi sumberdaya untuk menampilkan option atau action di activity

Ø /res/values/ : berisi sumberdaya string, style & theme, color, dimension.

Resource digunakan pada komponen UI seperti textView, imageView, Button, dan lain-lain. Application Resource dapat ditulis dalam kode xml ataupun dalam kode java.

 

·      Komponen TimePicker

TimePicker berfungsi untuk membantu user memilih waktu yang diinginkan untuk diinputkan pada aplikasi Android. Dalam penerapannya, TimePicker banyak digunakan pada aplikasi Alarm, calendar, reminder, to-do list, ticket reservation dan aplikasi lainnya yang membutuhkan user untuk menginputkan waktu (jam dan menit) di aplikasi tersebut.

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 → TimePicker

Package Name → Biarakn Apa Adanya

Save Location → C:\Users\ACER\AndroidStudioProjects\NamaFolder\ TimePicker

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.   Untuk Menjalankan fungsi Time Picker Lanjut ketik script pada file MainActivity.java seperti pada gambar dii bawah ini

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

·      Komponen DatePicker

DatePicker berfungsi untuk membantu user memilih tanggal yang diinginkan di aplikasi Android. Pada penerapannya, DatePicker banyak digunakan pada aplikasi yang membutuhkan penginputan tanggal. Seperti aplikasi pemesanan tiket, aplikasi reminder, to do list dan 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 → DatePicker

Package Name → Biarakn Apa Adanya

Save Location → C:\Users\ACER\AndroidStudioProjects\NamaFolder\ DatePicker

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.   Untuk Menjalankan fungsi Time Picker Lanjut ketik script pada file MainActivity.java seperti pada gambar dii bawah ini

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

 

·      Komponen ListView

ListView adalah salah satu widget yang digunakan untuk menampilkan data atau nilai dalam bentuk daftar/list, nilai atau data yang ditampilkan pada ListView tersebut didapat dari sebuah Array atau Database yang sudah ditentukan. ListView pada saat ini sudah tergantikan dengan RecyclerView yang memiliki konsep Material Design, karena lebih custom dan juga dapat mengatur tampilan layoutnya.

Walaupun begitu, ListView masih banyak digunakan oleh programmer untuk membuat list/daftar item yang sederhana pada aplikasi mereka.

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 → ListView

Package Name → Biarakn Apa Adanya

Save Location → C:\Users\ACER\AndroidStudioProjects\NamaFolder\ ListView

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.   Untuk Menjalankan fungsi Time Picker Lanjut ketik script pada file MainActivity.java seperti pada gambar dii bawah ini

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

·      Application Resource

Di Android, hampir semuanya adalah sebuah resource. Mendefinisikan resource yang nantinya dapat diakses di aplikasi merupakan bagian mendasar dari proses pengembangan aplikasi Android.

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 → AppResource

Package Name → Biarakn Apa Adanya

Save Location → C:\Users\ACER\AndroidStudioProjects\NamaFolder\ AppResource

Language → Java

Minimum API Level → API 16 → Klik Finish

Resource dapat dipakai untuk mendefinisikan color (warna), image (gambar), layout (tata letak), menu, dan nilai string. Nilai-nilai di dalam resource ini mencegah kita dari menuliskannya secara langsung (hardcoded). Semua yang didefinisikan dapat dipanggil dari manapun didalam project yang dibuat. Contoh yang paling umum dan paling sederhana adalah penggunaan string resource untuk lokalisasi teks yang fleksibel.

Jenis-jenis Resource

Berikut ini jenis resource yang paling umum dipakai di aplikasi Android:

Di bawah ini merupakan berkas-berkas yang tersimpan di folder values:

2.   Membuat Sebuah String Resource

Untuk setiap teks yang ingin ditampilkan di aplikasi (misalnya label sebuah Button dan teks didalam TextView), kita pertama harus mendefinisikan dulu teks tersebut di dalam berkas /res/avlues/strings.xml. Setiap nilai yang ditambahkan di dalam berkas tersebut terdiri atas key (sebagai id untuk teks) dan nilai dari teks itu sendiri. Contoh, apabila kita ingin membuat sebuah Button dengan teks “Submit”, berikut ini nilai yang mesti ditambahkan ke strings.xml :

Sekarang kapanpun kita memanggil id submit_label, kita akan mendapatkan teks “Submit”. Kita dapat menampilkan data yang lebih kompleks (misalnya teks yang mengandung kode html atau karakter khusus) menggunakan CDATA sebagai berikut:

3.   Mereferensikan App Resource

Sekarang setelah kita mendefinisikan string resource yang dibutuhkan, kita dapat memanggilnya dari Java atau XML lain. Untuk mengaksesnya dari file XML lain, cukup panggil menggunakan simbol @:

Untuk mengakses resource ini dari Java, maka kita perlu memanggil metode

getResource.getString atau getString dengan memanggil id-nya:

Pola yang sama dapat kita pakai untuk memanggil semua jenis resource.

4.   Mendefinisikan Color Resource

Selain string resource seperti contoh di atas, kita juga dapat membuat color resource sebagai berikut:

 

Mengaksesnya di kode Java dengan cara sebagai berikut:

Dan memanggilkan color resource dari berkas XML lain dengan cara:

5.   Mendefinisikan Dimension Resource

Saat menentukan ukuran kita menggunakan beberapa unit misalnya 16dp untuk ukuran margin dan 12sp untuk ukuran font. Dimensi ini mesti kita definisikan di berkas dimens.xml dengan cara:

Buka struktur folder project android pilih res/values lalu klik kanan pada folder values dan pilih New – Values resource file

Buat sebuah file xml dengan nama dimens.xml lalu Klik OK

 

Ketik script dimens.xml seperti berikut

Pemanggilannya di Java:

Sedangkan di XML:

Akan tampil seperti gambar di bawah ini :

LATIHAN

Buat Sebuah Project App dengan nama AppResourceHappiness App ini dapat menginputkan Nama dan Opsi perasaan user saat ini, gunakan App Resource di bawah ini, sehingga anda hanya diharusakan membuat desain layout activity_main.xml saja.