Belajar Menciptakan Halaman Settings Pada Aplikasi Android

Setiap Aplikasi yang kita install dan gunakan ,biasanya terdapat halaman settings ,dibagian hidangan yang disediakan oleh developer itu sendiri. Halaman settings mempunyai kegunaan untuk memodifikasi fitur dan sikap yang terdapat pada aplikasi tersebut.  Salah satu pola kasusnya , ibarat yang terdapat pada Aplikasi WhatsApp. Pada aplikasi tersebut , terdapat  halaman Setting ,yang berfungsi untuk merubah icon photo profil , status ketika ini , nama akun dan notifikasi , dan lain sebagainya. Nah ,pada tutorial berguru android kali ini ,kita akan mencoba menciptakan pola halaman setting sederhana ,pada Aplikasi Android ,dengan memakai Android Studio. Berikut mari kita simak lebih lanjut :

1. Pertama-tama , pastinya kita buka aktivitas Android Studio ,yang ada di Komputer atau Laptop kita.

2. Sebenarnya ,saat kita ingin menciptakan project baru. Sudah tersedia template untuk Settings Activity ,di Android Studio. Namun ,disini kita akan mencoba membuatnya secara manual. Makara kita memakai Empty Activity ,seperti biasanya.

Add an Activity to Mobile

3. Disini untuk mengatur konten tampilan, halaman setting mempunyai file xml tersendiri . Kita mengaturnya pada folder res -> xml -> file xml , jadi bukan  folder res -> layout - file xml .

Untuk menciptakan folder xml ,kita sanggup lakukan dengan cara klik kanan pada folder res -> New -> pilih Android resource directory.

Android resource directory

Lalu pada bab resource type , pilih xml. Jika sudah pilih tombol OK.

New Resource Directory

Untuk menciptakan file xmlnya , kita klik kanan pada folder xml  -> New -> pilih XML resource file.

XML resource file

Pada bab new resource file ,kita beri nama halaman_settings , pada kolom file name. Atau kalian juga sanggup tentukan namanya sendiri. Jika sudah pilih tombol OK.

New Resource File

4. Sama halnya ketika kita , ingin mendesign layout xml.  Pada halaman_settings.xml , kita juga sanggup mendesign tampilanya. Namun , khusus untuk komponen view yang tersedia pada bab Setttings.


Contoh tampilanya kira-kira akan ibarat ini:

halaman_settings.xml

strings.xml



Contoh Code XML:

Penjelasan :

Seperti yang kalian lihat ,pada pola code diatas. Kita sanggup menciptakan kategori dengan menggunakan  PreferenceCategory dengan atribut title ,yang valuenya berisi judul dari setiap kategori.

Lalu kita sanggup memakai komponen view, ibarat switch dan checkbox ,dengan memakai SwitchPreference dan CheckBoxPreference.

Terdapat atribut defaultvalue , yang dipakai untuk memilih nilai tampilan awal , ketika Aplikasi di jalankan pertama kali. Lalu terdapat atribut key , yang akan dipakai untuk  , mengambil nilai dari komponen view pada layout xml ,saat kita coding pada bab file java. Sama ibarat fungsi dari atribut onClick , pada button di layout.xml.

Untuk menciptakan hidangan text ,kita sanggup memakai Preference , dan juga atribut summary ,untuk isi ringkasan dari hidangan tersebut.



5. Selanjutnya kita buat Activity gres ,yang dipakai untuk memuat Fragment dari Halaman Settings. Dengan cara klik kanan pada package , pilih New  -> Activity -> Empty Activity.

Empty Activity

Lalu pada bab Configure Activity kalian sanggup beri nama  pada Activity,  yaitu  SettingsActivity dan layout activity_settings . Jika sudah pilih tombol Finish.

Configure Activity

6. Karena kita disini , akan mengakses halaman setting ,lewat hidangan setting pada pojok kanan layar Aplikasi. Untuk itu , kita buat terlebih dahulu hidangan layout , dengan cara klik kanan pada folder res -> pilih New - > Android resource file.

Android resource file

Pada bab New resource file , kita beri nama file menu_main ,dan juga pilih resource type Menu.  Jika sudah pilih tombol OK.

Menu New Resource file

7. Disini juga kita sanggup mengatur design , pada  menu_main.xml . 


Contoh tampilanya  akan ibarat ini:

menu_main.xml

Contoh code xml:



Penjelasan :

Pada pola code diatas ,untuk menciptakan hidangan ,kita sanggup memakai komponen Item ,dengan atribut seperti id  sebagai identifier , orderInCategory untuk urutan hidangan ketika ditampilkan , dan showsAction , untuk bentuk tampilan menu.



8. Setelah itu , kita buat Fragment gres , yang akan kita gunakan untuk coding logic , pada halaman settings.xml.


Klik kanan pada package  , kemudian pilih New  -> Fragment - > Fragment(Blank).

New Fragment

Pada bab Configure Component , kita isi nama fragment , beserta layout yang akan ditampilkan.
Jika sudah pilih tombol Finish.

Configure Component

9. Pada MainActivity.java , disini kita akan menciptakan option hidangan , yang dipakai untuk mengakses halaman settings. Berikut pola codenya :



Contoh Code :



Penjelasan :


Pada pola code diatas , method override onCreateOptionsMenu() ,digunakan untuk menciptakan option hidangan yang dimana,  diambil dari hidangan layout ,yang telah kita buat sebelumnya.


Nah , jikalau method override onOptionsItemSelected , dipakai untuk mengakses menurut id ,  dan menampilkan agresi ,ketika salah satu option hidangan dipilih. Sebagai  pola code diatas ,kita akan membuka Activity gres yaitu SettingsActivity ,  dengan memakai objek Intent.



Untuk layout activity_main.xml  ,kalian boleh isi apa saja. Karena disini kita tidak fokus pada layout ini.


10. Kemudian ,kita lanjut ke file java SettingsActivity , dan juga layout activity_settings.

Karena disini kita akan memakai Fragment , sebagai rujukan untuk tampilan dan logic dari halaman settings. Pada layout activity_settings , kita cukup gunakan FrameLayout sebagai root layout.


activity_settings.xml



SettingsActivity.java



Penjelasan:

Pada pola code diatas ,kita memakai getFragmentManager() , untuk mengambil nilai dari objek FragmentManager , untuk mengatur objek Fragment. Untuk mulai menangani Fragment ,kita gunakan method  .beginTransaction() . Disini kita gunakan replace() , untuk menggantikan layout dari activity_settings.xml ,  sebagai fragment gres yang akan di jalan masuk ,yaitu SettingsFragment().  Lalu method commit() untuk memasangnya.


12. Setelah itu , kita lanjut ke bab Fragment gres ,yang telah kita buat sebelumnya,  yaitu SettingsFragment. Berikut pola codenya :



SettingsFragment



Penjelasan :

Pada pola code diatas , kita mewarisi (extends) class PreferenceFragment , yang dimana SettingsFragment , dikhususkan untuk memuat objek-objek , yang dipakai untuk halaman settings.

Salah satu perbedaannya dengan Fragment biasa yang kita buat , disini kita memakai method override onCreate , yang didalamnya terdapat method addPreferencesFromResource , dan juga method  settingPref().

Method addPreferencesFromResource , dipakai untuk menampilkan layout xml yang telah kita buat, yang berlokasi di folder resource -> xml - file halaman_settings.xml. Jadi disini kita tidak memakai fragment_settings.xml


Method   settingPref()  , sebagai method kosong yang tidak mengembalikan nilai . Digunakan untuk menciptakan objek , dan melaksanakan listener , pada tiap komponen view dari halaman settings, yang telah di definisikan sebelumnya.

Disini kita menciptakan 3 objek , seperti  aboutPref  , checkboxPref , dan switchPref.  Ketiganya akan mengambil key ,yang telah didefinisikan sebelumnya ,pada strings.xml , yang berlokasi di folder resource -> values.

Pada objek  aboutPref  kita menggunakan  setOnPreferenceClickListener . Digunakan untuk menampilkan agresi ketika , komponen view dipilih. Sebagai pola disini akan menampilkan pesan text toast.

Pada objek checkboxPref dan switchPref. Keduanya menggunakan  .setOnPreferenceChangeListener.  Digunakan untuk menampilkan agresi ,pada setiap perubahan dari nilai true dan false. Seperti pola , ketika Switch atau Checbox , dipilih akan menampilkan pesan text hidup yang bernilai true. Sebaliknya jikalau tidak ,  akan menampilkan pesan text mati yang bernilai false.

13. Terakhir , alasannya yaitu kita ingin menampilkan tombol navigasi back pada toolbar , maka kita tambahkan atribut parentActivityName pada .SettingsActivity , dalam AndroidManifest.xml.




14. Setelah selesai semua,  kini kita coba jalankan Aplikasinya. Hasilnya kira-kira akan ibarat di video berikut :

Sumber https://www.okedroid.com/

Share this post