Modernisierung von Listenansichten: Ein Leitfaden zu Android RecyclerView und CardView

Entdecken Sie in unserem neuesten Blogbeitrag die revolutionäre Welt von Android RecyclerView und CardView. Erfahren Sie, wie diese leistungsstarken UI-Komponenten die Art und Weise, wie Listen in Android-Apps erstellt werden, verändern. Von modernem Design bis hin zu dynamischer Anpassung – lassen Sie sich von unseren Tipps und Tricks inspirieren!

Android RecyclerView

Android RecyclerView ist eine fortschrittlichere, leistungsfähigere und flexiblere Version von ListView. Im Gegensatz zu ListView erfordert Android RecyclerView, dass wir die RecyclerView.ViewHolder-Klasse verwenden, um die Elemente zu speichern, was bei ListView nicht erforderlich ist. Wie der Name schon sagt, wird Android RecyclerView verwendet, um Zellen beim Hoch- und Herunterscrollen durch Wiederverwendung der Elemente in der Liste zu recyceln. Eine weitere Verbesserung in RecyclerView besteht darin, dass wir den LayoutManager zur Laufzeit dynamisch festlegen können, im Gegensatz zu ListView, das nur in einer vertikalen Scroll-Liste verfügbar war. RecyclerView ermöglicht es uns, die folgenden Layouttypen zur Laufzeit festzulegen:

• LinearLayoutManager: Unterstützt sowohl vertikale als auch horizontale Listen.
• StaggeredLayoutManager: Unterstützt versetzte Listen.
• GridLayoutManager: Unterstützt das Anzeigen von Gittern wie in der vorherigen GalleryView.

Android RecyclerView Klassen

• Die RecyclerView.ItemAnimator-Klasse bietet bessere Unterstützung für die Animation von Ansichten im Vergleich zu ListViews.
• Die RecyclerView.ItemDecorator-Klasse bietet bessere Unterstützung für das Hinzufügen von Rahmen und Trennlinien und gibt uns enorme Kontrolle.

Daher ist eine RecyclerView im Vergleich zu ListView anpassungsfähiger und bietet den Benutzern mehr Kontrolle. RecyclerView ist in der Support-Bibliothek verfügbar. Daher müssen wir unser Gradle-Skript ändern, um die folgende Abhängigkeit hinzuzufügen:

dependencies {
       compile 'com.android.support:recyclerview-v7:21.0.0-rc1'
}

Android CardView

Die Android CardView-UI-Komponente zeigt Informationen in Karten an. Diese Komponente wird in der Regel verwendet, um Kontaktinformationen anzuzeigen. Diese Komponente ist in einer anderen Support-Bibliothek verfügbar, daher müssen wir auch ihre Abhängigkeit hinzufügen:

dependencies {
       compile 'com.android.support:cardview-v7:21.0.0-rc1'
       compile 'com.android.support:recyclerview-v7:21.0.0-rc1'
}

Das Android CardView-Widget ermöglicht es uns, die Hintergrundfarbe, den Schatten, den Eckradius, die Erhebung usw. zu steuern. Um benutzerdefinierte Attribute in XML zu verwenden, müssen wir die folgende Namensraumdeklaration zum übergeordneten Layout hinzufügen:

< android.support.v7.widget.CardView
        android:id="@+id/card_view"
        xmlns:card_view="https://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        card_view:cardBackgroundColor="@color/grey_300"
        card_view:cardCornerRadius="10dp"
        card_view:cardElevation="5dp"
        card_view:cardUseCompatPadding="true">

Im Beispielprojekt fügen wir eine RecyclerView hinzu, um eine Liste von CardViews anzuzeigen, die Android-Versionen und -Nummern sowie ein Beispielprotokoll enthalten. Der CardView Onclick ist so programmiert, dass diese Karte aus der Liste entfernt wird. Wir haben eine Menüoption in der ActionBar hinzugefügt, um die entfernten Karten in der richtigen Reihenfolge wieder hinzuzufügen. Hinweis: Die Logo-Bilder stammen zufällig von Google, daher können die Größen variieren.

Android RecyclerView und CardView Beispiel

Das Projekt besteht aus einer MainActivity, die die RecyclerView anzeigt. Das CardView wird von der CustomAdapter-Klasse zur RecyclerView hinzugefügt. Das DataModel wird verwendet, um die Daten für jede CardView über Getter abzurufen. Die MyData-Klasse enthält Arrays von TextViews und Drawables sowie deren IDs.

Android RecyclerView und CardView Beispielcode

Die `activity_main.xml` enthält die RecyclerView in einem RelativeLayout:

<android.support.v7.widget.RecyclerView
        android:id="@+id/my_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="vertical"
        />

Das Layout für die CardView ist wie folgt definiert:

<android.support.v7.widget.CardView
        android:id="@+id/card_view"
        xmlns:card_view="https://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        card_view:cardBackgroundColor="@color/color_white"
        card_view:cardCornerRadius="10dp"
        card_view:cardElevation="5dp"
        card_view:cardUseCompatPadding="true">

Die `MainActivity.java`-Klasse erstellt und verwaltet die RecyclerView und die Interaktionen mit den CardViews.

Fazit

Mit diesem Tutorial haben Sie ein grundlegendes Verständnis davon, wie Sie Android RecyclerView und CardView verwenden können, um ansprechende Listenansichten in Ihren eigenen Android-Apps zu erstellen. Experimentieren und erkunden Sie weiterhin die Vielseitigkeit dieser leistungsstarken UI-Komponenten.