Başlangıç noktası olarak, düzenlerin yaygın kullanım alanlarına ve ekran boyutlarına uyarlanmasına yardımcı olan, kullanıma hazır kompozisyonlar olan kanonik düzenlerden yararlanın. Bu düzenler estetik ve işlevsel olup Material 3 rehberliğinden alınmıştır.
Android çerçevesi, Jetpack Compose veya görünümler API'leri kullanılarak düzenlerin kolay ve güvenilir bir şekilde uygulanmasını sağlayan özel bileşenler içerir.
Liste-ayrıntı düzeni
Liste-ayrıntı düzeni, kullanıcıların açıklayıcı, açıklayıcı veya diğer ek bilgileri (öğe ayrıntısı) içeren öğe listelerini keşfetmesini sağlar. Küçük ekran boyutlarında yalnızca liste veya ayrıntı görünümü gösterilir. İçerik koleksiyonunu satır tabanlı bir düzende gösteren listeler, uygulamalarda en yaygın kullanılan düzen biçimidir. Liste-ayrıntı, mesajlaşma uygulamaları, kişi yöneticileri, dosya tarayıcıları veya içeriğin ek bilgiler gösteren bir öğe listesi olarak düzenlenebileceği tüm uygulamalar için idealdir.
İçerik statik veya dinamik olabilir.
- Dinamik içerik, uygulamanızın anında sunduğu içeriktir ve kullanıcı tarafından oluşturulan içerikleri göstermek veya kullanıcının tercihlerini ya da işlemlerini yansıtmak için idealdir. Örneğin, kullanıcı tarafından oluşturulan fotoğrafların kaydırılabilir bir listesini içeren bir fotoğraf uygulaması düşünün. Bu liste her kullanıcı için benzersizdir ve kullanıcı daha fazla resim yükledikçe değişir. Bu resimler dinamik içeriktir.
- Statik içerik, yalnızca doğrudan uygulamanızın kodunda değişiklik yapılarak değiştirilebilen, sabit kodlanmış içeriği ifade eder. Statik içerik örnekleri arasında her kullanıcının görebileceği resimler ve metinler yer alır.
Now in Android Figma dosyası, birden fazla düzen örneği sunar. Aşağıdaki örnekte tek boyutlu bir içerik koleksiyonu gösterilmektedir.
Liste bileşenleri ve özellikleri hakkında daha fazla tasarım bilgisi için Material 3 Listeleri'ni inceleyin.
Feed düzeni
Feed düzeni, eşdeğer içerik öğelerini yapılandırılabilir bir ızgarada düzenleyerek çok miktarda içeriğin hızlı ve kolay bir şekilde görüntülenmesini sağlar. Koleksiyonda kart kullanmayla ilgili Material 3 yönergeleri hakkında daha fazla bilgi edinin. Feed'ler, genellikle kartlar veya kutucuklar şeklinde, kompakt ekranlarda liste ya da ızgara tabanlı yapılandırmalar olabilir. İçerik dinamik olabilir. Yani, API gibi dinamik bir harici kaynaktan "beslenir".
Izgara düzeni, hem satırlardan hem de örtülü veya açık kapsama ilkeleriyle oluşturulan sütunlardan oluşur. Izgara düzeni daha katı bir şekilde uygulanabilir veya satır ve sütunları değiştirmek için kademeli olarak yerleştirilebilir. Her ikisinde de kullanıcıların kafasını karıştırmamak için tutarlı bir şekilde boşluk ve mantık kullanılmalıdır. Feed tasarlama ile ilgili Material 3 yönergelerini inceleyin.
Compose'da Lazy lists veya lazy grids ile ya da Views'da RecyclerView veya CardView ile feed düzeni uygulayabilirsiniz.
Örneğin, ızgara düzenindeki fotoğraf galerisi ve podcast'ler, yaygın özet akışı biçimleridir.
Destek bölmesi düzeni
Mobil görünüm için destekleyici içerik veya kontroller gerekebilir. Genellikle sayfalar veya iletişim kutuları şeklinde olan bu görünümler, birincil görünümün odaklanmış ve düzenli kalmasına yardımcı olabilir. Destek bölmesi standart düzenini kullanmayla ilgili M3 kılavuzunu inceleyin.
Alt sayfalar için M3 kılavuzu hakkında bilgi edinin.