Chips Komponente in Android-Support-Bibliothek?

Question

This Material Design Showcase sagt über Chips-Komponente. Aber ich konnte Beispielcode dieser Komponente nicht finden?

Wie kann ich es verwenden?

Bitte zeigen Sie mir XML-Code und Java-Code.

Answer 1

Versuchen Sie, diese Bibliothek: https://github.com/klinker41/android-chips

die Probe prüfen Gefühl dafür zu bekommen, wie es zu benutzen.

Answer 2

Sie müssen keine Bibliothek von Drittanbietern verwenden, um chips zu erstellen.

Ein Chip ist im Grunde ein TextView mit einem abgerundeten Hintergrund. Sie können eine Löschschaltfläche und eine ImageView hinzufügen, um auch eine Ansicht zu erstellen, wie sie für Google-Kontakte verwendet wird.

Für die Zwecke des Beispiels werde ich nur eine einfache TextView verwenden. Erstellen Sie zuerst die Benutzeroberfläche für den Chip.

->shape_chip_drawable.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"> 

    <solid android:color="@color/colorPrimary" /> 

    <padding 
     android:bottom="12dp" 
     android:left="12dp" 
     android:right="12dp" 
     android:top="12dp" /> 

    <corners android:radius="30dp" /> 
</shape> 

In Ihrer Tätigkeit Layout-Datei definieren gerade diese ziehbar Ressource-Datei als TextView Hintergrund wie folgt aus:

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerInParent="true" 
    android:background="@drawable/shape_chip_drawable" 
    android:text="Hello, I'm a simple Chip!" 
    android:textColor="@android:color/white" 
    android:textStyle="bold" /> 

Dies ist der Ansicht ist, welche erstellt wird:

Jetzt können wir HorizontalScrollView verwenden, um eine Reihe von Chips (wie Google Applikation) zum Anzeigen oder StaggeredGridLayoutManager verwenden ein versetztes Raster von Chips zu bauen.

[EDIT]

Wenn Sie die Chips als FlowLayout zeigen wollen, die in Android unterstützt nicht von Natur aus ist, müssen wir eine Bibliothek verwenden. Mach dir keine Sorgen, es ist eine sehr kleine Veränderung.

Sie haben die folgende Zeile in Gradle hinzufügen depencencies:

compile 'com.xiaofeng.android:flowlayoutmanager:1.2.3.2' 

und Ihre Recycler Ansicht Layout-Manager setzen mit ihm:

recyclerView.setLayoutManager(new FlowLayoutManager()); 

Weitere Details hier auf GitHub

Haben Sie einen schöner Tag! Upvote, wenn es hilft.

Answer 3

Ich weiß, ich bin spät, aber das kann anderen Menschen helfen. Ich mag diese Implementierung auch https://github.com/robertlevonyan/materialChipView. Diese Bibliothek benötigt mindestens com.android.support:appcompat-v7:25.2.0 der Support-Bibliothek. Ich benutze es mit diesem Layout-Manager https://github.com/BelooS/ChipsLayoutManager. Überprüfen Sie diese und prüfen Sie, ob sie Ihren Anforderungen entsprechen.