Kartlar; metin, simge, resim, Gemini yanıtı veya işlem gibi çeşitli bilgiler içerebilir.
İlkeler
Tutarlı: Kartlar, ilgili bilgileri ve işlemleri tek bir kolay anlaşılır birimde gruplandırır.
Net: İçeriği net ve düzenli bir şekilde sunarak taranabilirliği artırır.
Çok yönlü: Kartlar, küçük metinlerden oluşan kısa açıklamalardan birden fazla öğe içeren daha karmaşık özetlere kadar çok çeşitli içerikleri 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ıtı gibi çeşitli bilgiler içerebilir.
İç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.
Yapılması gerekenler
Yapılmaması gerekenler:
Birden fazla işlemi göstermek için kartla birlikte bir düğme grubu kullanın.
Yapılması gerekenler
Yapılmaması gerekenler:
Anatomi
Kartlar, önceden ayarlanmış yuva şablonlarıyla oluşturulur.
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. Baştaki 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. Bir kartta işlem varsa yalnızca tek bir işlem içermelidir.
6. Ana İçerik: Kartın ana gövdesi. Birincil metni veya diğer içerikleri buraya yerleştirirsiniz.
Odak
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.
Liste öğesi olarak odaklanılan bir kart.
Bir karttaki düğmeye, işlem yapılabilir öğe olarak odaklanılır.
Özelleştirme
| Özellikler | Özelleştirme | Varsayılanlar |
|---|---|---|
| Şekil | Evet | Orta |
| Dolgu | Evet | 24 dp, 24 dp |
| Bordür | Evet | 2 dp, #606460 |
| Metin | Evet | Body Small |
| Ön simge | Evet | 56 dp |
| Sondaki simge | Evet | 56 dp |