Składnik Chips w bibliotece wsparcia Androida?

Question

This Wzór materiału przedstawiający obudowę. Ale nie mogłem znaleźć przykładowego kodu tego komponentu?

Jak mogę z niego korzystać?

proszę pokazać kod XML i kod Java.

Answer 1

Spróbuj tej biblioteki: https://github.com/klinker41/android-chips

sprawdzić próbkę, aby uzyskać wyczucie, jak go używać.

Answer 2

Nie musisz używać biblioteki innej firmy, aby uzyskać chips.

Układ to w zasadzie TextView z zaokrąglonym tłem. Możesz dodać przycisk usuwania i ImageView również, aby utworzyć widok taki, jak ten używany w kontaktach Google.

Dla potrzeb przykładu użyję tylko prostego TextView. Najpierw utwórz interfejs dla chipa.

->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> 

W pliku aktywność układu, wystarczy zdefiniować ten plik zasobów rozciągliwej jako TextView tle jak ten:

<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" /> 

To jest widok który został utworzony:

Teraz możemy użyć HorizontalScrollView, aby wyświetlić rząd żetonów (np. Aplikacja GooglePlay) lub użyć StaggeredGridLayoutManager do zbudowania rozłożonej siatki żetonów.

[EDIT]

Jeśli chcesz pokazać żetony jak FlowLayout, który nie jest obsługiwany w Androidzie natury, musimy korzystać z biblioteki. Nie martw się, to bardzo mała zmiana.

Trzeba dodać następującą linię do Gradle depencencies:

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

i ustawić recykler menedżera układu widok z nim:

recyclerView.setLayoutManager(new FlowLayoutManager()); 

Dodatkowe szczegóły tutaj na GitHub

Mieć świetny dzień! Wykonaj upvote, jeśli to pomoże.

Answer 3

Wiem, że się spóźniłem, ale to może pomóc innym ludziom. Bardzo podoba mi się ta implementacja również https://github.com/robertlevonyan/materialChipView. Ta biblioteka wymaga co najmniej com.android.support:appcompat-v7:25.2.0 biblioteki obsługi. Używam go z tym menedżerem układu https://github.com/BelooS/ChipsLayoutManager. Sprawdź te i sprawdź, czy spełniają Twoje wymagania.