Kártya alapú elrendezés létrehozása

Az alkalmazásoknak gyakran kell hasonló stílusú tárolókban megjeleníteniük az adatokat. Ezeket a konténereket gyakran használják listákban az egyes elemek információinak tárolására. A rendszer aCardView API segítségével könnyen megjelenítheti az információkat a kártyákon belül, amelyek az egész platformon egységes megjelenésűek. Ezek a kártyák alapértelmezett magassággal rendelkeznek az őket tartalmazó nézetcsoport felett, így a rendszer árnyékot rajzol alájuk. A kártyák egyszerű módot biztosítanak egy nézetcsoport befogadására, miközben konzisztens stílust biztosítanak a tárolónak.

1. ábra. Kártyapéldák

A függőségek hozzáadása

A CardView widget az AndroidX része. Ha használni szeretné a projektjében, adja hozzá az alábbi függőséget az alkalmazásmodul build.gradle fájljához:

dependencies { implementation "androidx.cardview:cardview:1.0.0"}

Kártyák létrehozása

A CardView használatához hozzá kell adnia a layoutfile-hoz. Használja nézetcsoportként, hogy más nézeteket tartalmazzon. Ebben a példában aCardView egyetlen TextViewot tartalmaz, hogy néhány információt jelenítsen meg a felhasználónak.

A kártyák alapértelmezett magassággal rajzolódnak a képernyőre, ami miatt a rendszer árnyékot rajzol alájuk. Acard_view:cardElevation attribútummal egyéni magasságot adhat meg a kártyához. Ez nagyobb magassággal hangsúlyosabb árnyékot rajzol, az alacsonyabb magasság pedig világosabb árnyékot eredményez.CardView Valódi magasságot és dinamikus árnyékot használ az Android 5.0(API 21. szint) és a felette lévő verziókon, a korábbi verziókon pedig visszalép a programozott árnyék implementációhoz.

Az alábbi tulajdonságokkal testre szabhatja aCardView widget megjelenését:

  • A sarok sugarának beállításához az elrendezésekben használja a card_view:cardCornerRadius attribútumot.
  • A sarok sugarának beállításához a kódban használja a CardView.setRadius módszert.
  • A kártya háttérszínének beállításához használja a card_view:cardBackgroundColorattribútumot.

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.