Android için Materyal Tasarım

Oluşturma yöntemini deneyin
Jetpack Compose, Android için önerilen kullanıcı arayüzü araç setidir. Oluşturma'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 kılavuzdur. Android uygulamalarınızda Materyal Tasarım'ı kullanmak için Materyal Tasarım spesifikasyonunda tanımlanan yönergeleri uygulayın. 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 stilleri 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ıyorsanız varsayılan olarak Materyal teması uygulanır. 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:

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

Yükseklik gölgeleri ve kartları

X ve Y mülklerinin yanı sıra Android'deki görünümler de Z özelliğine sahiptir. Bu mülk, görünümün yüksekliğini gösterir ve şunları belirler:

  • Gölgenin boyutu: Daha yüksek Z değerlerine sahip görüntülemelerde daha büyük gölgeler bulunur.
  • Çizim sırası: Daha yüksek Z değerlerine sahip görünümler, diğer görünümlerin ü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ği olan kartlar oluşturmak için CardView widget'ını kullanabilirsiniz. Daha fazla bilgi için Karta dayalı düzen oluşturma konusuna 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 konusuna bakın.

Animasyonlar

Şekil 4. Dokunma geri bildirimi 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'ler sayesinde:

  • Görünümlerdeki dokunma etkinliklerine dokunma geri bildirimi animasyonlarıyla yanıt verin.
  • Dairesel gösterme 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şikliklere animasyon uygulayabilirsiniz.
  • Görüntüleme durumu değişiklikleri arasında animasyonları eyalet listesi çekilebilirlerinde gösterin.

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

Daha fazla bilgi için Animasyonlara giriş bölümüne bakın.

Çekilebilir

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

  • Vektör çekilebilir öğeleri, tanımını kaybetmeden ölçeklenebilir ve tek renkli uygulama içi simgeler için mükemmeldir. Vektör çekilebilir öğeleri hakkında daha fazla bilgi edinin.
  • Çekilebilir renklendirme, bit eşlemleri alfa maskesi olarak tanımlamanıza ve çalışma zamanında bir renkle tonlamanıza olanak tanır. Çekilebilir öğelere ton eklemenin nasıl yapıldığını öğ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çme hakkında bilgi edinin.