support google filters chips chip android material-design android-chips

google - ¿Componente de chips en la biblioteca de soporte de Android?



material io chips (3)

This caso de diseño de material dice sobre el componente de chips. ¿Pero no pude encontrar código de ejemplo de este componente?

¿Como puedo usar lo?

Por favor, muéstrame el código XML y el código Java.


No es necesario utilizar una biblioteca de terceros para hacer chips .

Un chip es básicamente un TextView con un fondo redondeado. Puede agregar un botón de eliminación y un ImageView también para crear una vista como la que se usa para los contactos de Google.

Para los propósitos del ejemplo, solo TextView un TextView simple. Primero crea la interfaz de usuario para el 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>

En su archivo de diseño de actividad, simplemente defina este archivo de recursos TextView como el fondo de TextView como este:

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

Esta es la vista que se crea:

Ahora podemos usar HorizontalScrollView para mostrar una fila de fichas (como la aplicación GooglePlay) o usar StaggeredGridLayoutManager para construir una cuadrícula de fichas escalonada.

[EDITAR]

Si desea mostrar los chips como un FlowLayout , que no es inherentemente compatible con Android, necesitamos usar una biblioteca. No te preocupes, es un cambio muy pequeño.

Ha agregado la siguiente línea a sus dependencias de Gradle:

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

y configura el gestor de diseño de tu vista de reciclador con él:

recyclerView.setLayoutManager(new FlowLayoutManager());

Detalles adicionales aquí en GitHub

¡Que tengas un gran día! Hacer upvote si ayuda.