Crearea unui layout bazat pe carduri

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ă TextViewpentru 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.

.

Lasă un răspuns

Adresa ta de email nu va fi publicată.