Aplicațiile au adesea nevoie să afișeze date în containere cu stil similar. Aceste containere sunt adesea folosite în liste pentru a păstra informațiile fiecărui element. Sistemul pune la dispoziție API-ulCardView
ca o modalitate ușoară de a afișainformații în interiorul unor carduri care au un aspect coerent pe întreaga platformă. Acestecarte au o elevație implicită deasupra grupului de vizualizare care le conține, astfel încât sistemul desenează umbre sub ele. Cardurile oferă o modalitate ușoară de a conține un grup de vizualizări, oferind în același timp un stil coerent pentru container.
Figura 1. Exemple de carduri
Adaugați dependențele
Widgetul CardView
face parte din AndroidX. Pentru a-l utiliza în proiectul dumneavoastră, adăugați următoarea dependență la fișierul build.gradle
al modulului aplicației dumneavoastră:
dependencies { implementation "androidx.cardview:cardview:1.0.0"}
Create Cards
Pentru a utiliza CardView
trebuie să-l adăugați la fișierul de layout. Folosiți-l ca un grup de vizualizări pentru a conține alte vizualizări. În acest exemplu,CardView
conține o singură TextView
pentru a afișa unele informații pentru utilizator.
Cărțile sunt desenate pe ecran cu o elevație implicită, ceea ce face ca sistemul să deseneze o umbră sub ele. Puteți furniza o elevație personalizată pentru un card cu atributulcard_view:cardElevation
. Acest lucru va desena o umbră mai pronunțată cu o elevație mai mare, iar o elevație mai mică va avea ca rezultat o umbră mai ușoară.CardView
utilizează elevația reală și umbrele dinamice pe Android 5.0(nivel API 21) și mai sus și revine la o implementare programatică a umbrelor pe versiunile anterioare.
Utilizați aceste proprietăți pentru a personaliza aspectul widget-uluiCardView
:
- Pentru a seta raza colțului în machetele dumneavoastră, utilizați atributul
card_view:cardCornerRadius
. - Pentru a seta raza colțului în codul dumneavoastră, utilizați metoda
CardView.setRadius
. - Pentru a seta culoarea de fundal a unui card, utilizați atributul
card_view:cardBackgroundColor
.
.