El elemento componible Icon
es una forma conveniente de dibujar un ícono de color único en la pantalla que sigue los lineamientos de Material Design. Para usar Icon
, incluye la biblioteca de Compose Material (o la biblioteca de Compose Material 3).
Por ejemplo, si tienes un elemento de diseño vectorial que deseas cargar con los valores predeterminados de material, puedes usar el elemento componible Icon
de la siguiente manera:
Icon( painter = painterResource(R.drawable.baseline_directions_bus_24), contentDescription = stringResource(id = R.string.bus_content_description) )
De forma predeterminada, el elemento componible Icon
se ajusta a LocalContentColor.current
y tiene un tamaño de 24.dp
. También expone un parámetro de color tint
(que aprovecha el mismo mecanismo para ajustar el tono, como se describe en la sección Tono de imagen). El elemento componible Icon
está diseñado para usarse con elementos de íconos pequeños. Debes usar el elemento componible Image
para obtener más opciones de personalización.
Recomendaciones para ti
- Nota: El texto del vínculo se muestra cuando JavaScript está desactivado
- Recursos en Compose
- Accesibilidad en Compose
- Cargando imágenes {:#loading-images}