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.
Pruebe esta biblioteca: https://github.com/klinker41/android-chips
Revise la muestra para tener una idea de cómo usarla.
Sé que llego tarde pero esto puede ayudar a otras personas. Realmente me gusta esta implementación también https://github.com/robertlevonyan/materialChipView . Esta biblioteca requiere al menos com.android.support:appcompat-v7:25.2.0
de la biblioteca de soporte. Lo uso con este administrador de diseño https://github.com/BelooS/ChipsLayoutManager . Echa un vistazo a estos y ver si cumplen con sus requisitos.