Technical Support
🟢 Online now
Hello 👋

How can we help you today?
Contact on WhatsApp
B4X Store
jdashboardUI / Menús y navegación / jFloatingPanel
Menús y navegación

jFloatingPanel

Panel flotante de contenido libre con sombra y apertura animada.

Buscar en toda jdashboardUI
Fuente
jdashboardUI.b4xlib · Solo API pública
Idioma de la tienda: es

JDashboardUI · Referencia completa · B4J/JavaFX · Biblioteca del 30 de octubre de 2026

Panel flotante para filtros, tarjetas emergentes o controles adicionales: apertura relativa a otra vista, corrección de bordes, cierre y sombras.

Maqueta visual ilustrativa de jFloatingPanel

Maqueta gráfica ilustrativa, no captura exacta del control.

Para qué sirve y cuándo utilizarlo

Panel flotante para filtros, tarjetas emergentes o controles adicionales: apertura relativa a otra vista, corrección de bordes, cierre y sombras.

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.

' Popup settings panel
Private Popup As jFloatingPanel
Popup.Initialize(Me, "Popup", Root)
Popup.BackgroundColor = xui.Color_RGB(28,34,52)
Popup.ShadowColor = xui.Color_Black
Popup.CornerRadius = 16
Popup.Duration = 200
Popup.OpenOrientation = Popup.OpenOrientationBottomTop
Popup.CloseOnTap = True
Popup.ShowRelativeTo(BtnFilters, "BOTTOM_LEFT", 320dip, 220dip, True)

' Insert arbitrary content before displaying the panel
Dim Lbl As Label
Lbl.Initialize("")
Lbl.Text = "Filter by status"
Popup.Panel.AddView(Lbl, 18dip, 18dip, 200dip, 35dip)

' Open immediately if animation is unwanted
Popup.ShowImmediate(50dip, 50dip, 320dip, 220dip)
Popup.ClosePanel

Private Sub Popup_Close
    Log("Panel closed")
End Sub

Private Sub Popup_Reset
    Log("Panel reset")
End Sub

Referencia completa de los miembros públicos

Este módulo expone 30 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
Initialize(callBack As Object, eventName As String, parent As B4XView) Inicializa la instancia y, si se solicita, vincula Callback y EventName.
PreSize(width As Float, height As Float) Configura tamaño inicial antes de mostrar.
Show(left As Float, top As Float, width As Float, height As Float) Abre el panel en coordenadas y tamaño especificados.
ShowImmediate(left As Float, top As Float, width As Float, height As Float) Muestra el panel sin espera animada.
ShowRelativeTo(AnchorView As B4XView, Position As String, Width As Float, Height As Float, AutoBoundsCorrection As Boolean) Muestra el panel junto a una vista y opcionalmente corrige desbordamientos.
ShowImmediateRelativeTo(AnchorView As B4XView, Position As String, Width As Float, Height As Float, AutoBoundsCorrection As Boolean) Muestra el panel junto a un ancla sin animación.
CloseImmediate Cierra instantáneamente.
getPanel As B4XView Lee la propiedad Panel.
ClosePanel Cierra el panel.
ResetPanel Restablece panel y emite Reset cuando corresponde.
setDisableOutside(enabled As Boolean) Configura DisableOutside; con un solo parámetro suele usarse como propiedad B4X.
setDuration(d As Long) Configura Duration; con un solo parámetro suele usarse como propiedad B4X.
setOpenOrientation(o As String) Activa la orientación de apertura indicada en el nombre del método.
setCloseOnTap(v As Boolean) Configura CloseOnTap; con un solo parámetro suele usarse como propiedad B4X.
setCornerRadius(cr As Float) Configura CornerRadius; con un solo parámetro suele usarse como propiedad B4X.
getBackgroundColor As Int Lee la propiedad BackgroundColor.
setBackgroundColor(color As Int) Configura BackgroundColor; con un solo parámetro suele usarse como propiedad B4X.
getShadowColor As Int Lee la propiedad ShadowColor.
setShadowColor(color As Int) Configura ShadowColor; con un solo parámetro suele usarse como propiedad B4X.
getOpenOrientationLeftBottom As String Devuelve la constante String de orientación indicada por el nombre.
getOpenOrientationRightBottom As String Devuelve la constante String de orientación indicada por el nombre.
getOpenOrientationNone As String Devuelve la constante String de orientación indicada por el nombre.
getOpenOrientationLeftTop As String Devuelve la constante String de orientación indicada por el nombre.
getOpenOrientationRightTop As String Devuelve la constante String de orientación indicada por el nombre.
getOpenOrientationLeftRight As String Devuelve la constante String de orientación indicada por el nombre.
getOpenOrientationRightLeft As String Devuelve la constante String de orientación indicada por el nombre.
getOpenOrientationTopBottom As String Devuelve la constante String de orientación indicada por el nombre.
getOpenOrientationBottomTop As String Devuelve la constante String de orientación indicada por el nombre.
setDropShadow(Offset As Double, color As Int) Configura sombra externa: desplazamiento y color.
setInnerShadow(color As Int) Configura sombra interna.

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
Panel lectura
DisableOutside escritura
Duration escritura
OpenOrientation escritura
CloseOnTap escritura
CornerRadius escritura
BackgroundColor lectura / escritura
ShadowColor lectura / escritura
OpenOrientationLeftBottom lectura
OpenOrientationRightBottom lectura
OpenOrientationNone lectura
OpenOrientationLeftTop lectura
OpenOrientationRightTop lectura
OpenOrientationLeftRight lectura
OpenOrientationRightLeft lectura
OpenOrientationTopBottom lectura
OpenOrientationBottomTop lectura
InnerShadow escritura

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

  • Close
  • Reset

Ciclo de vida, compatibilidad y límites

Antes de Show, agrega tus controles hijos a Popup.Panel. Los getters de orientación devuelven constantes listas para usar; setDropShadow acepta dos argumentos, no es una propiedad B4X convencional.

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.
  • B4XView es una vista XUI; B4XFont es una fuente XUI y Object es 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.