Kartlar

Kart bileşeni, tek bir konuyla ilgili içerikler ve işlemler içerir.

Anatomi

Kart bileşeninde yalnızca tek bir yuva vardır. Kartlar simge, resim veya etiket içerebilir ve özelleştirilebilir.

Varsayılan olarak, kartlar yuvarlatılmış köşeleri ve kademeli arka planı olan dikdörtgenlerdir. Dairesel görüntüler ekranın üst ve alt kısmından% 20'ye varan oranda kırpılabilir. Bu nedenle, kartınızın ekranda tamamen görünmesi için kartınızın maksimum yüksekliğini% 60'a ayarlayın.

Başlık Kartı

Uygulamalardaki bilgileri (ör. mesaj) göstermek için Başlık kartlarını kullanın. Başlık kartları; başlık, isteğe bağlı bir zaman alanı ve ilgili içerik (resim veya metin) içeren üç alanlı bir düzene sahiptir.

Uygulama Kartı

Birden fazla uygulamadaki etkileşimli öğeleri göstermek için uygulama kartlarını kullanın. Uygulama kartlarında; uygulama simgesi, uygulama adı, etkinliğin gerçekleşme zamanı, bir tür başlık ve ilgili içerik (resim veya metin) içeren beş alanlı bir düzen bulunur.

Kartlar gradyanı

Kart Gradyanı

Soldan Üst/Sol + 68 dp dolgu =% 100 Yüzey
Alt/Sağ =% 0 Yüzey

Resim Kartı Yer Paylaşımı

T/L'den Üst/Sol + 56 dp dolgu =% 100 Yüzey
Alt/Sağ + 24 dp dolgu (B/R'den% 0 Yüzey)
(Resim arka planında gradyan yer paylaşımları)

Boyutlar

Kart genişliği

Kartlar varsayılan olarak kapsayıcının maksimum genişliğine ayarlanır.


Kart yüksekliği

Kart yüksekliği esnek. Bileşenlerin içeriğine göre belirlenir.

Yuvarlak saat kadranlarında, ekran yüksekliğinin% 60'ından daha uzun olan kartlar kırpılır.

Kullanım

Uyarlanabilir düzenler

Başlık Kartı

Büyük ekranlarda, gövde metni için fazladan bir metin satırına izin verilir. Resmin daha fazla kısmını göstermek için de alt kısma 24 dp boyutunda büyütülmüş bir dolgu ekleyin.

Satır içi resimli Başlık Kartı (gövde metni yuvasının yerine)

Büyük ekranlarda, resmin en boy oranı değişmez ve kartın yüksekliğini çok fazla artırmamak için dolgu sağdadır.

Ek özelleştirme içeren kartlar

Arka planı resimli kart

Bu düzeni sağlamak için özelleştirmeye ihtiyacınız var.

Resim kartları, arka plan resmiyle birlikte tek bir konuyla ilgili içerikleri gösterir. Resim kartlarında bağımsız resimler de gösterilebilir.

Arka plan resminin üzerinde metin olmadan daha fazla alan göstermek için alt dolgunun 24 dp'ye yükseltilmesi önerilir.