JDashboardUI · Referencia completa · B4J/JavaFX · Biblioteca del 30 de octubre de 2026
Animaciones para validación de formularios, transición de paneles, feedback de clics y efectos visuales.
Maqueta gráfica ilustrativa, no captura exacta del control.
Para qué sirve y cuándo utilizarlo
Animaciones para validación de formularios, transición de paneles, feedback de clics y efectos visuales.
Inicialización, uso y ejemplos prácticos
El código siguiente muestra las operaciones disponibles. Cuando se utiliza Root, este representa un B4XView ya creado. Los archivos de imagen ilustrativos deben existir en Files.
' Form validation
janimations.ShakeView(txtName, 6dip, 350)
janimations.HighlightView(txtName, xui.Color_Red, 450)
' Color effects for a text view
janimations.FadeTextColorAsync(lblStatus, xui.Color_Green, 400)
janimations.FadeTextColorAndBackAsync(lblStatus, xui.Color_Red, 650)
' Show, hide, and move panels
janimations.FadeIn(PnlDetails, 300)
janimations.FadeOut(PnlDetails, 250)
janimations.SlideDown(PnlDetails, 300)
janimations.SlideUp(PnlDetails, 300)
janimations.SlideLeft(PnlDetails, 300)
' Ripple and decorative actions
janimations.RippleEffectFromCenter(PnlButton, xui.Color_White, 450)
janimations.RippleWaveEffect(PnlButton, xui.Color_Cyan, 800, 3)
janimations.SetCircleClip(AvatarView)
janimations.Jump(PnlButton)
Referencia completa de los miembros públicos
Este módulo expone 13 métodos / accesores públicos en la versión revisada. A continuación se documentan todas sus firmas, incluyendo las variantes, getters/setters y hooks del Designer.
| Firma exacta del código fuente | Para qué sirve |
|---|---|
HighlightView(View As B4XView, color As Int, animationDuration As Int) |
Resalta brevemente cambiando el color de la vista y restaurándolo. |
FadeTextColorAsync(targetView As B4XView, targetColor As Int, duration As Int) |
Anima el color del texto hasta otro color. |
FadeTextColorAndBackAsync(targetView As B4XView, targetColor As Int, duration As Int) |
Anima el color del texto y lo restaura. |
ShakeView(View As B4XView, Magnitude As Int, Duration As Int) |
Sacude la vista usando una secuencia de rotaciones; Magnitude controla la intensidad. |
FadeOut(View As B4XView, Duration As Int) |
Reduce progresivamente la opacidad. |
FadeIn(View As B4XView, Duration As Int) |
Aumenta progresivamente la opacidad. |
SetCircleClip(pnl As B4XView) |
Aplica recorte circular a una vista. |
SlideDown(View As B4XView, Duration As Int) |
Desliza visualmente hacia abajo. |
SlideUp(View As B4XView, Duration As Int) |
Desliza visualmente hacia arriba. |
SlideLeft(View As B4XView, Duration As Int) |
Desliza visualmente hacia la izquierda. |
RippleEffectFromCenter(Parent As B4XView, Color As Int, Duration As Int) |
Expande una onda desde el centro. |
RippleWaveEffect(Parent As B4XView, Color As Int, Duration As Int, WaveCount As Int) |
Crea varias ondas; WaveCount determina su número. |
Jump(TargetView As B4XView) |
Anima un salto breve de la vista. |
Propiedades B4X: lectura y escritura
Los métodos públicos getX y setX (cuando corresponda) se utilizan mediante la propiedad Control.X. Los métodos con varios parámetros deben utilizarse como métodos.
| Propiedad | Acceso |
|---|---|
| — | — |
Campos públicos
Este módulo no declara campos públicos adicionales.
Propiedades del Designer
No se declaran propiedades propias para el Designer en este módulo.
Eventos
Este módulo no declara eventos públicos propios.
Ciclo de vida, compatibilidad y límites
Es un módulo StaticCode: se invoca directamente sin Initialize. Respeta los tiempos en milisegundos y evita disparar transiciones incompatibles al mismo tiempo.
DesignerCreateView y Base_Resize, cuando aparezcan en la referencia pública, son hooks administrados por el sistema de Custom Views; normalmente no se llaman manualmente. Si colocas el control desde el Designer, no vuelvas a inicializar la misma instancia.
Convenciones de la API
- Los parámetros y tipos que aparecen en cada firma se toman del código fuente de la biblioteca.
B4XViewes una vista XUI;B4XFontes una fuente XUI yObjectes un valor genérico.- Los nombres de variables en los ejemplos son ilustrativos: utiliza los nombres reales de tu proyecto.
- El código se ha revisado frente a la biblioteca; no se ha realizado compilación B4J en este entorno.