Korttipohjaisen asettelun luominen

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 CardViewon 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 TextViewnä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:cardBackgroundColorattribuuttia.

Vastaa

Sähköpostiosoitettasi ei julkaista.