Ikon adaptif, atau
AdaptiveIconDrawable
,
dapat ditampilkan berbeda bergantung pada kapabilitas perangkat masing-masing dan penerapan tema
pengguna. Ikon adaptif biasanya digunakan peluncur di layar utama,
tetapi juga dapat digunakan di pintasan, aplikasi Setelan, dialog berbagi, dan
layar ringkasan.
Ikon adaptif dapat beradaptasi dengan berbagai kasus penggunaan:
Bentuk berbeda: ikon adaptif dapat menampilkan berbagai bentuk di berbagai model perangkat. Misalnya, aplikasi dapat menampilkan bentuk lingkaran di satu perangkat OEM, dan menampilkan persegi (bentuk antara persegi dan lingkaran) di perangkat lain. Setiap OEM perangkat harus menyediakan mask, yang digunakan sistem untuk merender semua ikon adaptif dengan bentuk yang sama.
Efek visual: ikon adaptif mendukung berbagai efek visual yang menarik, yang ditampilkan saat pengguna menempatkan atau memindahkan ikon di sekitar layar utama.
Penerapan tema pengguna: mulai Android 13 (API level 33), pengguna dapat menerapkan tema ikon adaptif mereka. Jika pengguna mengaktifkan ikon aplikasi bertema, dengan mengaktifkan tombol Ikon bertema di setelan sistem, dan peluncur mendukung fitur ini, sistem akan menggunakan pewarnaan wallpaper dan tema yang dipilih pengguna untuk menentukan warna tint.
Dalam skenario berikut, layar utama tidak menampilkan ikon aplikasi bertema, dan sebagai gantinya menampilkan ikon aplikasi adaptif atau standar:
- Jika pengguna tidak mengaktifkan ikon aplikasi bertema.
- Jika aplikasi Anda tidak menyediakan ikon aplikasi monokrom.
- Jika peluncur tidak mendukung ikon aplikasi bertema.
Mendesain ikon adaptif
Untuk memastikan ikon adaptif Anda mendukung berbagai bentuk, efek visual, dan tema pengguna, desain harus memenuhi persyaratan berikut:
Anda harus menyediakan dua lapisan untuk versi warna ikon: satu untuk latar depan, dan satu untuk latar belakang.
Jika Anda ingin mendukung penerapan tema pengguna pada ikon aplikasi, berikan satu lapisan ikon versi monokrom.
Ukuran semua lapisan menjadi 108x108 dp.
Gunakan ikon dengan tepi yang bersih. Lapisan tidak boleh memiliki mask atau bayangan latar belakang di sekitar garis batas ikon.
Gunakan logo yang berukuran minimal 48x48 dp. Ukurannya tidak boleh melebihi 66x66 dp, karena bagian dalam ikon berukuran 66x66 dp muncul dalam area pandang yang disamarkan.
Bagian luar 18 dp pada masing-masing dari empat sisi lapisan dicadangkan untuk masking dan membuat efek visual seperti paralaks atau berkedip.
Untuk mempelajari cara membuat ikon adaptif menggunakan Android Studio, lihat template Figma ikon Aplikasi Android atau dokumentasi Android Studio untuk membuat ikon peluncur. Selain itu, lihat postingan blog Mendesain Ikon Adaptif.
Menambahkan ikon adaptif ke aplikasi
Untuk menambahkan ikon adaptif ke aplikasi, update atribut android:icon
dalam
manifes aplikasi untuk menentukan resource drawable. Anda juga dapat menentukan resource drawable
ikon menggunakan atribut android:roundIcon
, tetapi hanya jika
memerlukan aset ikon yang berbeda untuk mask lingkaran—misalnya, jika
branding Anda bergantung pada bentuk lingkaran.
Cuplikan kode berikut mengilustrasikan kedua atribut ini, tetapi sebagian besar aplikasi
hanya menentukan android:icon
:
<application ... android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" ...> </application>
Selanjutnya, dalam res/mipmap-anydpi-v26/ic_launcher.xml
, buat resource drawable
alternatif di aplikasi Anda untuk kompatibilitas mundur dengan Android 8.0 (API level
26). Gunakan elemen <adaptive-icon>
untuk menetapkan drawable lapisan latar depan, latar belakang, dan
lapisan monokromatik untuk ikon Anda. Elemen dalam <foreground>
,
<background>
, dan <monochrome>
mendukung atribut
android:drawable
.
Contoh berikut menunjukkan cara menentukan elemen <foreground>
, <background>
, dan
<monochrome>
di dalam <adaptive-icon>
:
<?xml version="1.0" encoding="utf-8"?> ... <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android"> <background android:drawable="@drawable/ic_launcher_background" /> <foreground android:drawable="@drawable/ic_launcher_foreground" /> // Starting with Android 13 (API level 33), you can opt-in to providing a // <monochrome> drawable. <monochrome android:drawable="@drawable/ic_launcher_monochrome" /> </adaptive-icon> ...
Anda juga dapat menentukan drawable sebagai elemen dengan menyertakannya dalam
elemen <foreground>
, <background>
, dan <monochrome>
. Cuplikan
berikut menunjukkan contoh tindakan ini dengan drawable latar depan.
<?xml version="1.0" encoding="utf-8"?> ... <foreground> <inset android:insetBottom="18dp" android:insetLeft="18dp" android:insetRight="18dp" android:insetTop="18dp"> <shape android:shape="oval"> <solid android:color="#0000FF" /> </shape> </inset> </foreground> ...
Jika Anda ingin menerapkan mask dan efek visual yang sama ke pintasan sebagai ikon adaptif reguler, gunakan salah satu teknik berikut:
- Untuk pintasan statis, gunakan elemen
<adaptive-icon>
. - Untuk pintasan dinamis, panggil metode
createWithAdaptiveBitmap()
saat Anda membuatnya.
Untuk mengetahui informasi selengkapnya tentang cara menerapkan ikon adaptif, lihat Mengimplementasikan Ikon Adaptif. Untuk informasi selengkapnya tentang pintasan, lihat Ringkasan pintasan aplikasi.
Referensi lainnya
Lihat referensi berikut untuk informasi tambahan tentang mendesain dan mengimplementasikan ikon adaptif.
- Template halaman komunitas Figma
- Memahami Ikon Adaptif Android
- Mendesain Ikon Adaptif
- Mengimplementasikan Ikon Adaptif
- Membuat ikon aplikasi di Android Studio
- Spesifikasi desain ikon Google Play