Kartlar

Kartlar; metin, simge, resim, Gemini yanıtı veya işlem gibi çeşitli bilgiler içerebilir.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir.

İlkeler

Tutarlı: Kartlar, ilgili bilgileri ve işlemleri tek bir anlaşılır birimde gruplandırır.

Net: İçerikleri net ve düzenli bir şekilde sunarak taranabilirliği artırır.

Çok yönlü: Kartlar, basit metinlerden birden fazla öğe içeren daha karmaşık özetlere kadar geniş bir içerik yelpazesini gösterecek şekilde uyarlanabilir.

Modüler: Gözlükler için Jetpack Compose Glimmer arayüzünün farklı bölümlerinde modüler ve yeniden kullanılabilir olacak şekilde tasarlanmıştır.

Kullanım ve Yerleşim

Kartlar; metin, simge, resim, işlem veya Gemini yanıtları gibi çeşitli bilgiler içerebilir.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir.

İçerik için Jetpack Compose Glimmer kart şablonlarını kullanın. Bu şablonlar birçok varyasyonla birlikte gelir ve gözlük tasarım ilkelerine uygun şekilde optimize edilmiştir.

İçeriği kısa ve öz tutun ve renk kullanımı gibi stil en iyi uygulamalarını göz önünde bulundurun.
Kartlarda çok fazla içerik kullanarak kullanıcıları bunaltma veya stil kurallarını ihlal etme

Anatomi

Kartlar, önceden ayarlanmış yuva şablonlarıyla oluşturulur.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir. 1. Başlık: Kartın üst kısmı. Resim içerecek şekilde tasarlanmıştır. 

2. Başlık ve Alt Başlık: Bu metin alanları, kartın ana ve ikincil etiketlerini sağlar. 

3. Ön Simge: Kartın içerik alanının başında görünen isteğe bağlı bir simge.

4. Sondaki simge: Kartın içerik alanının sonunda görünen isteğe bağlı bir simge.

5. İşlem: Düğme gibi birincil etkileşimli öğe için bir alan. Bu sayede kullanıcılar doğrudan karttan işlem yapabilir. Yuva, Card composable'ın ayrı bir aşırı yüklemesinde kullanılabilir. 

6. Ana İçerik: Kartın ana bölümü. Buraya birincil metni veya diğer içerikleri yerleştirirsiniz.

Odaklanma

Birincil amacı belirli bir etkileşimli öğeyi (ör. işlemdeki düğme) barındırmak olan kartlarda odak, kart kapsayıcısına değil doğrudan bu öğeye gitmelidir. Bir kart, listedeki bir giriş gibi tek ve gezinilebilir bir öğeyi temsil ettiğinde odaklanılabilir hale gelir. Bu sayede daha doğrudan ve erişilebilir bir kullanıcı deneyimi sunulur.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir. Odaklanılmış bir liste öğesi kartı.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir. Bir karttaki düğmeye, işlem yapılabilir öğe olarak odaklanılır.

Özelleştirme

Özellikler Özelleştirme Varsayılanlar
Şekil Evet Orta zorlukta
Dolgu Evet 24 dp, 24 dp
Kenarlık Evet 2 dp, #606460
Metin Evet Body Small
Ön simge Evet 56 dp
Sondaki simge Evet 56 dp