Material Design for Android

Dokumen Pengembang

Membuat Aplikasi dengan Desain Bahan

Video

Pengantar Desain Bahan

Video

Kertas dan Tinta: Bahan Penting

Video

Desain Bahan di Aplikasi Google I/O

Desain bahan adalah panduan komprehensif untuk desain visual, gerak, dan interaksi lintas platform dan perangkat. Android kini menyertakan dukungan untuk aplikasi desain bahan. Untuk menggunakan desain bahan di aplikasi Android, ikuti panduan yang didefinisikan dalam spesifikasi desain bahan dan gunakan komponen dan fungsionalitas baru yang tersedia di Android 5.0 (API level 21) ke atas.

Android menyediakan elemen berikut untuk membangun aplikasi desain bahan:

  • Tema baru
  • Widget baru untuk tampilan yang kompleks
  • API baru untuk animasi dan bayangan custom

Untuk informasi selengkapnya tentang mengimplementasikan desain bahan pada Android, lihat Membuat Aplikasi dengan Desain Bahan.

Tema Bahan

Tema bahan menyediakan gaya baru untuk aplikasi Anda, widget sistem yang memungkinkan Anda mengatur palet warnanya, dan animasi default untuk umpan balik sentuh dan transisi aktivitas.

Tema bahan gelap

Tema bahan terang


Untuk informasi selengkapnya, lihat Menggunakan Tema Bahan.

Daftar dan Kartu

Android menyediakan dua widget baru untuk menampilkan kartu dan daftar dengan gaya desain bahan dan animasi:

Widget RecyclerView baru adalah versi ListView yang lebih mudah dimasukkan dan mendukung beragam tipe layout serta memberikan peningkatan kinerja.

Widget CardView baru memungkinkan Anda menampilkan potongan informasi penting dalam kartu yang memiliki tampilan dan cara kerja yang konsisten.


Untuk informasi selengkapnya, lihat Membuat Daftar dan Kartu.

Bayangan Tampilan

Selain properti X dan Y, tampilan di Android kini memiliki properti Z. Properti baru ini mewakili ketinggian tampilan, yang menentukan:

  • Ukuran bayangan: tampilan dengan nilai Z lebih tinggi menghasilkan bayangan lebih besar.
  • Urutan penggambaran: tampilan dengan nilai Z lebih tinggi muncul di atas tampilan lainnya.
Untuk memutar ulang film, klik layar perangkat

Untuk informasi selengkapnya, lihat Mendefinisikan Bayangan dan Memangkas Tampilan.

Animasi

API animasi baru memungkinkan Anda membuat animasi custom untuk umpan balik sentuh dalam kontrol UI, perubahan status tampilan, dan transisi aktivitas.

API ini memungkinkan Anda:

  • Merespons kejadian sentuh dalam tampilan Anda dengan animasi umpan balik sentuh.
  • Menyembunyikan dan memperlihatkan tampilan dengan animasi membuka melingkar.
  • Peralihan antar aktivitas dengan animasi transisi aktivitas custom.
  • Membuat animasi yang lebih alami dengan gerak melengkung.
  • Menganimasikan perubahan dalam satu atau beberapa properti tampilan dengan animasi perubahan status tampilan.
  • Menampilkan animasi di drawable daftar status di antara perubahan status tampilan.

Animasi umpan balik sentuh dimasukkan ke dalam beberapa tampilan standar, misalnya tombol. API baru ini memungkinkan Anda menyesuaikan animasi ini dan menambahkannya ke tampilan custom Anda.

Untuk informasi selengkapnya, lihat Mendefinisikan Animasi Custom.

Drawable

Kemampuan baru untuk drawable ini membantu Anda mengimplementasikan aplikasi desain bahan:

  • Drawable vektor bisa diubah skalanya tanpa kehilangan definisi dan cocok untuk ikon satu-warna dalam-aplikasi.
  • Pewarnaan drawable memungkinkan Anda mendefinisikan bitmap sebagai alpha-mask dan mewarnainya saat runtime.
  • Ekstraksi warna memungkinkan Anda mengekstrak warna mencolok secara otomatis dari gambar bitmap.

Untuk informasi selengkapnya, lihat Bekerja dengan Drawable.