Android için Materyal Tasarım

Oluşturma yöntemini deneyin
Jetpack Compose, Android için önerilen kullanıcı arayüzü araç setidir. Compose'da temalarla nasıl çalışacağınızı öğrenin.

Materyal Tasarım, platformlar ve cihazlar genelinde görsel, hareket ve etkileşim tasarımı için kapsamlı bir rehberdir. Android uygulamalarınızda Materyal Tasarım'ı kullanmak için Materyal Tasarım spesifikasyonunda tanımlanan yönergeleri izleyin. Uygulamanız Jetpack Compose'u kullanıyorsa Compose Material 3 kitaplığını kullanabilirsiniz. Uygulamanız görünüm özelliğini kullanıyorsa Android Materyal Bileşenleri kitaplığını kullanabilirsiniz.

Android, Materyal Tasarım uygulamaları oluşturmanıza yardımcı olmak için aşağıdaki özellikleri sağlar:

  • Tüm kullanıcı arayüzü widget'larınızın stilini belirlemek için Materyal Tasarım uygulama teması
  • Listeler ve kartlar gibi karmaşık görünümler için widget'lar
  • Özel gölgeler ve animasyonlar için API'ler

Materyal teması ve widget'lar

Standart kullanıcı arayüzü widget'larının stili gibi Materyal özelliklerinden yararlanmak ve uygulamanızın stil tanımını kolaylaştırmak için uygulamanıza Materyal tabanlı bir tema uygulayın.

Şekil 1. Koyu Malzeme teması.
Şekil 2. Açık Malzeme teması.

Android projenizi oluşturmak için Android Studio'yu kullanırsanız uygulama, varsayılan olarak Materyal teması uygular. Projenizin temasını nasıl güncelleyeceğinizi öğrenmek için Stiller ve temalar bölümüne bakın.

Kullanıcılarınıza tanıdık bir deneyim sunmak için Material'ın en yaygın kullanıcı deneyimi kalıplarını kullanın:

  • Kullanıcı arayüzünüzün ana işlemini bir kayan işlem düğmesiyle (FAB) tanıtın.
  • Uygulama çubuğunu kullanarak marka, gezinme, arama ve diğer işlemlerinizi gösterin.
  • Gezinme çekmecesi ile uygulamanızın gezinme menüsünü gösterin ve gizleyin.
  • Uygulamanızın düzeni ve gezinmesi için daraltılabilen araç çubukları, sekmeler, alt gezinme çubuğu ve daha fazlası gibi diğer birçok Malzeme Bileşeni arasından seçim yapın. Hepsini görmek için Android kataloğu için Materyal Bileşenler bölümüne bakın.

Mümkün olduğunda, önceden tanımlanmış Malzeme Simgelerini kullanın. Örneğin, gezinme çekmecenizin gezinme "menü" düğmesi için standart "hamburger" simgesini kullanın. Mevcut simgelerin bir listesi için Materyal Tasarım Simgeleri bölümüne bakın. Ayrıca, Android Studio'nun Vektör Asset Studio uygulamasını kullanarak SVG simgelerini Materyal Simge kitaplığından içe aktarabilirsiniz.

Yükseklik gölgeleri ve kartları

X ve Y mülklerine ek olarak, Android'deki görünümler de Z özelliğine sahiptir. Bu mülk, bir görünümün yüksekliğini gösterir ve bu da aşağıdakileri belirler:

  • Gölgesinin boyutu: Daha yüksek Z değerlerine sahip görüntülemeler daha büyük gölgeler oluşturur.
  • Çizim sırası: Daha yüksek Z değerlerine sahip görüntülemeler, diğer görüntülemelerin üstünde gösterilir.
Şekil 3. Yüksekliği temsil eden Z değeri.

Karta dayalı bir düzene yükseklik uygulayabilirsiniz. Böylece, Materyal görünüm sağlayan kartların içinde önemli bilgi parçalarını görüntüleyebilirsiniz. Varsayılan yüksekliğe sahip kartlar oluşturmak için CardView widget'ını kullanabilirsiniz. Daha fazla bilgi için Karta dayalı düzen oluşturma bölümüne bakın.

Diğer görünümlere yükseklik ekleme hakkında bilgi edinmek için Gölge ve klip görünümleri oluşturma bölümüne bakın.

Animasyonlar

Şekil 4. Dokunma geri bildirim animasyonu.

Animasyon API'leri, kullanıcı arayüzü kontrollerinde, görüntüleme durumundaki değişiklikler ve etkinlik geçişlerinde dokunma geri bildirimi için özel animasyonlar oluşturmanıza olanak tanır.

Bu API'lerle yapabilecekleriniz:

  • Dokunma geri bildirimi animasyonlarıyla görünümlerinizdeki dokunma etkinliklerine yanıt verin.
  • Dairesel açıklama animasyonlarıyla görünümleri gizleyin ve gösterin.
  • Özel etkinlik geçişi animasyonlarıyla etkinlikler arasında geçiş yapın.
  • Eğri hareket ile daha doğal animasyonlar oluşturun.
  • Görünüm durumu değişikliği animasyonlarıyla bir veya daha fazla görünüm özelliğindeki değişiklikleri canlandırın.
  • Görünüm durumu değişiklikleri arasında durum listesi çekilebilirlerinde animasyonları gösterin.

Dokunma geri bildirimi animasyonları, düğmeler gibi çeşitli standart görünümlerde yerleşik olarak bulunur. Animasyon API'leri, bu animasyonları özelleştirmenize ve özel görünümlerinize eklemenize olanak tanır.

Daha fazla bilgi için Animasyonlara giriş konusuna bakın.

Çekilebilir

Çekilebilir özelliklerle ilgili bu özellikler, Materyal Tasarım uygulamalarını uygulamanıza yardımcı olur:

  • Vektör çekilebilir öğeleri, tanımlarını kaybetmeden ölçeklenebilir ve tek renkli uygulama içi simgeler için mükemmeldir. Vektör çizimleri hakkında daha fazla bilgi edinin.
  • Çekilebilir renklendirme, bit eşlemleri alfa maskesi olarak tanımlamanıza ve çalışma zamanında bir renkle renklendirmenize olanak tanır. Çekilebilir cihazlara nasıl renk tonu ekleyeceğinizi öğrenin.
  • Renk ayıklama, bit eşlem görüntüsünden belirgin renkleri otomatik olarak çıkarmanızı sağlar. Palet API'si ile renk seçmeyi öğrenin.