docs: Actualizar CLAUDE.md con Fase 2 transiciones hover
This commit is contained in:
parent
74e83d2334
commit
6e1f8b79d7
1 changed files with 24 additions and 2 deletions
26
CLAUDE.md
26
CLAUDE.md
|
|
@ -125,10 +125,32 @@ if (Style.isFancy() and config.corner_radius > 0) {
|
||||||
|
|
||||||
**Total: ~590 líneas nuevas/modificadas**
|
**Total: ~590 líneas nuevas/modificadas**
|
||||||
|
|
||||||
|
### Fase 2: Transiciones Hover/Press ✅ (parcial)
|
||||||
|
|
||||||
|
**HoverTransition helper** (`animation.zig`):
|
||||||
|
- `update()` y `updateWithPress()` para animar hacia target
|
||||||
|
- `blend()` y `blendThree()` para interpolar colores
|
||||||
|
- Speed configurable (default ~125ms transición)
|
||||||
|
|
||||||
|
**Widgets con transiciones:**
|
||||||
|
| Widget | Modo | Notas |
|
||||||
|
|--------|------|-------|
|
||||||
|
| Button | Opcional (ButtonState) | `buttonStateful()` para transiciones |
|
||||||
|
| Select | Integrado en SelectState | Automático |
|
||||||
|
|
||||||
|
```zig
|
||||||
|
// Button con transiciones (opcional)
|
||||||
|
var btn_state = button.ButtonState{};
|
||||||
|
if (button.buttonStateful(&ctx, &btn_state, "Click me")) { ... }
|
||||||
|
|
||||||
|
// Select tiene transiciones automáticas
|
||||||
|
var select_state = select.SelectState{};
|
||||||
|
_ = select.select(&ctx, &select_state, options);
|
||||||
|
```
|
||||||
|
|
||||||
### Fases Pendientes
|
### Fases Pendientes
|
||||||
|
|
||||||
**Fase 2: Estados Visuales**
|
**Fase 2 (resto):**
|
||||||
- Integrar AnimationManager en widgets para transiciones hover/press
|
|
||||||
- Focus ring con anti-aliasing
|
- Focus ring con anti-aliasing
|
||||||
|
|
||||||
**Fase 3: Efectos Avanzados**
|
**Fase 3: Efectos Avanzados**
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue