Sovellusten on usein näytettävä tietoja samankaltaisesti muotoilluissa säiliöissä. Näitä säiliöitä käytetään usein luetteloissa pitämään kunkin kohteen tietoja. Järjestelmä tarjoaaCardView
API:n helppona tapana näyttää tietoja korttien sisällä, joilla on yhdenmukainen ulkoasu koko alustalla. Näillä korteilla on oletuskorkeus niiden sisältämän näkymäryhmän yläpuolella, joten järjestelmä piirtää varjot niiden alle. Kortit tarjoavat helpon tavan pitää sisällään ryhmän näkymiä samalla kun ne tarjoavat yhtenäisen tyylin säiliölle.
Kuva 1. Kortti-esimerkkejä
Lisää riippuvuudet
Widget CardView
on osa AndroidX:ää. Jos haluat käyttää sitä projektissasi, lisää seuraava riippuvuus sovellusmoduulisi build.gradle
-tiedostoon:
dependencies { implementation "androidx.cardview:cardview:1.0.0"}
Luo kortit
Käyttääksesi CardView
sinun on lisättävä se layout-tiedostoosi. Käytä sitä näkymäryhmänä, joka sisältää muita näkymiä. Tässä esimerkissä CardView
sisältää yhden TextView
näyttääksesi joitakin tietoja käyttäjälle.
Kortit piirretään ruudulle oletuskorkeudella, joka saa järjestelmän piirtämään varjoa niiden alle. Voit antaa kortille mukautetun korkeuden card_view:cardElevation
-attribuutilla. Tämä piirtää voimakkaamman varjon suuremmalla korkeudella, ja matalampi korkeus johtaa vaaleampaan varjoon.CardView
käyttää todellista korkeutta ja dynaamisia varjoja Android 5.0:ssa (API-taso 21) ja sitä uudemmissa versioissa ja palaa ohjelmalliseen varjon toteutukseen aiemmissa versioissa.
Käytä näitä ominaisuuksia muokataksesiCardView
widgetin ulkoasua:
- Kulmasäteen asettamiseen ulkoasuissasi käytä
card_view:cardCornerRadius
-attribuuttia. - Kulmasäteen asettamiseen koodissasi käytä
CardView.setRadius
-metodia. - Kortin taustavärin asettamiseen käytä
card_view:cardBackgroundColor
attribuuttia.