Card view è un componente dell’interfaccia utente con contenuto di testo e immagine.Si può personalizzare l’aspetto cambiando il colore di sfondo,utilizzando l’attributo:cardBackgroundColor; oppure aumentare l’elevazione con l’attributo cardElevation.Inoltre, il raggio dell’angolo può essere aumentato per rendere gli angoli della scheda più arrotondati:cardCornerRadius.
Si può anche rendere cliccabile la card:
android:clickable=”true”
android:foreground=”?android:attr/selectableItemBackground”.
Ecco un esempio:
<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout
xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:app=”http://schemas.android.com/apk/res-auto”
android:padding=”10dp”
android:background=”#E0F7AA”
android:layout_width=”match_parent”
android:layout_height=”match_parent”>
<androidx.cardview.widget.CardView app:cardBackgroundColor="#E0F7DA" app:cardElevation="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content" app:cardCornerRadius="40dp" app:contentPadding="30dp" android:layout_margin="20dp" android:clickable="true" android:foreground="?android:attr/selectableItemBackground"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:text=" Card view è un componente dell'interfaccia utente con contenuto di testo e immagine.Si può personalizzare l'aspetto cambiando il colore di sfondo,utilizzando l'attributo:cardBackgroundColor; oppure aumentare l'elevazione con l'attributo cardElevation.Inoltre, il raggio dell'angolo può essere aumentato per rendere gli angoli della scheda più arrotondati. "/> </LinearLayout> </androidx.cardview.widget.CardView>
Prima di avviare l’attività aggiungi la seguente dipendenza al file build.gradle:
dependencies {
implementation “androidx.cardview:cardview:1.0.0”
}
App Tutorial 