Bagaimana Cara Mengelola resource UI aplikasi Anda dengan Resource Manager pada ANDROID STUDIO?

Resource Manager adalah jendela fitur baru untuk mengimpor, membuat, mengelola, dan menggunakan resource di aplikasi Anda. Anda bisa membuka jendela fitur dengan memilih View > Tool Windows > Resource Manager dari panel menu atau memilih Resource Manager di panel sisi kiri.

Gambar 1: Resource Manager

1. Klik Add  untuk menambahkan resource baru ke project Anda. Anda bisa menambahkan aset gambar, aset vektor, resource, atau mengimpor resource ke project Anda.
2. Drop-down modul memungkinkan Anda melihat resource khusus untuk modul.
3. Gunakan kotak penelusuran untuk mencari modul resource yang dipilih.
4. Resource Manager mengelola resource yang dapat digambar, warna, dan tata letak aplikasi Anda. Gunakan tab ini untuk beralih di antara setiap jenis resource.
5. Tombol filter memungkinkan Anda menampilkan resource dari library eksternal.
6. Area konten utama akan menampilkan pratinjau resource Anda. Klik kanan resource untuk melihat menu konteks di mana Anda dapat, antara lain, mengubah nama resource dan mencari aplikasi tempat resource tersebut digunakan.
7. Klik tombol-tombol ini untuk melihat resource Anda sebagai potongan foto atau daftar.
8. Klik tombol-tombol ini untuk mengubah ukuran pratinjau resource Anda.

Selain fitur tersebut, Resource Manager memberikan cara sederhana untuk mengimpor massal resource yang dapat digambar ke dalam project Anda. Anda bisa menarik dan melepas file gambar — termasuk file SVG — langsung ke Resource Manager, atau menggunakan panduan Import Drawables. Untuk mengetahui informasi selengkapnya, baca bagian Mengimpor resource ke project Anda di bawah ini.

Klik dua kali resource agar Resource Manager menampilkan informasi yang lebih mendetail. Jika Anda memiliki beberapa versi resource, tampilan detail ini akan menampilkan setiap versi bersama kualifikasi apa pun yang terkait, seperti yang ditunjukkan pada gambar 2. Dari sini, Anda juga bisa mengklik dua kali versi tertentu untuk membukanya di jendela editor.

Gambar 2: Resource Manager yang menampilkan versi resource gambar untuk kepadatan layar yang berbeda.

Mengimpor resource yang dapat digambar ke project Anda

Anda dapat mengimpor resource gambar dengan menarik lalu melepas file atau folder resource secara langsung ke Resource Manager. Setelah Anda melepas resource ke Resource Manager, dialog Import drawablesakan muncul, di mana Anda dapat melihat ringkasan resource dan menambahkan kualifikasi apa pun yang diperlukan sebelum pengimporan.

Catatan: Untuk daftar jenis gambar yang didukung, baca Format media yang didukung.

Untuk mengimpor resource gambar ke project Anda, lakukan langkah-langkah berikut:

1. Tarik lalu lepas gambar Anda langsung ke jendela Resource Manager di Android Studio. Anda juga bisa mengklik ikon plus (+), pilih Import Drawables, seperti yang ditunjukkan gambar 3, lalu pilih file dan folder yang ingin diimpor.
   
   Gambar 3: Pilih Import Drawables dari menu drop-down.
2. Dialog Import drawables akan muncul. Seperti yang ditunjukkan gambar 4, dialog ini menampilkan daftar resource yang Anda impor. Jika Anda menyediakan beberapa versi resource yang sama, tambahkan qualifier konfigurasi perangkat yang menjelaskan konfigurasi tertentu yang didukung oleh resource tersebut. Misalnya, jika menyediakan beberapa versi resource yang sama untuk kepadatan layar berbeda, Anda bisa menambahkan qualifier Density untuk setiap versi. Harap diingat bahwa jika dua atau beberapa resource memiliki nama dan qualifier yang sama, hanya satu versi yang akan diimpor. Untuk mengetahui informasi selengkapnya tentang qualifier resource, baca Menyediakan resource alternatif.
   
   Gambar 4: Dialog Import Drawables.
3. Jika Anda siap mengimpor resource, klik tombol Import.

Di jendela Resource Manager, resource Anda telah siap untuk digunakan dalam project, seperti yang ditunjukkan gambar 5.

Gambar 5: Resource Manager kini menampilkan gambar yang Anda impor.

Mengurai kepadatan resource yang dapat digambar secara otomatis

Jika Anda mengimpor file atau folder, dan jalurnya berisi qualifier kepadatan, Resource Manager akan secara otomatis menerapkan qualifier kepadatan sebagai bagian dari impor. Resource Manager dapat menguraikan qualifier kepadatan Android dan faktor skala iOS.

Tabel ini mencantumkan perbedaan kepadatan yang didukung untuk Android dan iOS:

Kepadatan	Qualifier kepadatan Android	Faktor penskalaan iOS
Kepadatan rendah (~120dpi)	ldpi	tidak didukung
Kepadatan menengah (~160dpi)	mdpi	skala asli
Kepadatan tinggi (~240dpi)	hdpi	tidak didukung
Kepadatan ekstra tinggi (~320dpi)	xhdpi	@2x
Kepadatan ekstra-ekstra-tinggi (~480dpi)	xxhdpi	@3x
Kepadatan ekstra-ekstra-ekstra-tinggi (~640dpi)	xxxhdpi	@4x

Berikut adalah beberapa contoh cara menginput terjemahan jalur ke jalur resource setelah impor:

Qualifier kepadatan Android: hdpi

Input path: /UserFolder/icon1/hdpi/icon.png
Resource path: <projectFolder>/<moduleFolder>/src/main/res/drawable-hdpi/icon.png

Qualifier kepadatan Android: xxhdpi

Input path: /UserFolder/icon1/abc-xxhdpi/icon.png
Resource path: <projectFolder>/<moduleFolder>/src/main/res/drawable-xxhdpi/icon.png

Faktor penskalaan iOS: @2x

Input path: /UserFolder/icon1/icon@2x.png
Resource path: <projectFolder>/<moduleFolder>/src/main/res/drawable-xhdpi/icon.png

Faktor penskalaan iOS: @2x

Input path: /UserFolder/icon1/icon@2x_alternate.png
Resource path: <projectFolder>/<moduleFolder>/src/main/res/drawable-xhdpi/icon_alternate.png

Untuk mengetahui informasi selengkapnya tentang perangkat pendukung dengan kerapatan piksel berbeda, baca Mendukung kerapatan piksel yang berbeda.

Menarik lalu melepas resource yang dapat digambar ke tata letak Anda

Anda bisa menarik lalu melepas resource yang dapat digambar dari Resource Manager secara langsung ke tata letak. Jika Anda melepas resource ke tata letak, Resource Manager akan membuat ImageView yang sesuai untuk resource yang dapat digambar tersebut, seperti yang ditunjukkan dalam animasi 1:

Animasi 1: Menarik lalu melepas resource yang dapat digambar ke tata letak dalam tampilan Design.

Anda juga bisa menarik lalu melepas ke tampilan XML di tab Teks, seperti yang ditunjukkan dalam animasi 2:

Animasi 2: Menarik lalu melepas resource yang dapat digambar ke tata letak dalam tampilan Text.

Saat melepaskan resource yang dapat digambar ke tata letak di tab Text, kode yang dihasilkan akan berbeda tergantung tempat Anda meletakkan tata letak:

• Jika Anda melepaskan resource yang dapat digambar ke area kosong, Resource Manager akan menghasilkan ImageView yang sesuai.
• Jika Anda melepaskan resource yang dapat digambar ke atribut mana pun, Resource Manager akan mengganti nilai atribut tersebut dengan acuan ke resource yang dapat digambar.
• Jika Anda melepaskan resource yang dapat digambar ke elemen ImageView yang ada, Resource Manager akan menggantikan atribut sumber yang sesuai.

sumber: https://developer.android.com/studio/write/resource-manager

Was this page helpful?