1# llimphi-widget-skeleton
2
3*Read this in English: [README.md](README.md).*
4
5Placeholder de carga con shimmer.
6
7Cuando una pantalla está cargando contenido cuya forma es predecible
8(ej. una lista de 5 cards, un avatar+nombre+timestamp), un skeleton
9es más informativo que un spinner: el usuario ya ve QUÉ vendrá,
10sólo no tiene los valores reales todavía.
11
12El brillo (shimmer) viene de una **banda de gradiente que cruza** el
13rect de izquierda a derecha cíclicamente. Los stops son
14`[low, high, low]` sobre una franja del ~50% del ancho, con `Extend::Pad`
15por default — fuera de la banda el rect queda en `low`, dentro el
16`high` pinta el destello. Es el patrón canónico de Material/Apple/
17sistemas modernos, más legible que la oscilación uniforme previa.
18
19Como `spinner`, requiere que la app fuerce redraws periódicos para
20que la animación corra (típico: `Handle::spawn_periodic(50ms, …)`
21mientras hay skeletons visibles).
22
23---
24
25Parte de **llimphi** — ver [llimphi](../../LEEME.md).
LEEME.md
llimphi-widget-skeleton
Read this in English: README.md.
Placeholder de carga con shimmer.
Cuando una pantalla está cargando contenido cuya forma es predecible
(ej. una lista de 5 cards, un avatar+nombre+timestamp), un skeleton
es más informativo que un spinner: el usuario ya ve QUÉ vendrá,
sólo no tiene los valores reales todavía.
El brillo (shimmer) viene de una banda de gradiente que cruza el
rect de izquierda a derecha cíclicamente. Los stops son
[low, high, low] sobre una franja del ~50% del ancho, con Extend::Pad
por default — fuera de la banda el rect queda en low, dentro el
high pinta el destello. Es el patrón canónico de Material/Apple/
sistemas modernos, más legible que la oscilación uniforme previa.
Como spinner, requiere que la app fuerce redraws periódicos para
que la animación corra (típico: Handle::spawn_periodic(50ms, …)
mientras hay skeletons visibles).
Parte de llimphi — ver llimphi.