El widget Controlador de widget es un contenedor que puede utilizar para organizar otros widgets en una barra de herramientas. Puede orientar los widgets del controlador horizontal o verticalmente. Puede controlar el número de widgets que pueden abrirse y cómo se muestran los botones del widget.
Ejemplo
Use este widget para apoyar los requisitos de diseño de la aplicación como por ejemplo los siguientes:
- Desea crear una aplicación basada en mapas en pantalla completa con widgets organizados en un controlador parecido a una barra de herramientas donde los usuarios pueden abrir uno o varios widgets para interactuar con el mapa cuando sea necesario.
Notas de uso
Para agregar widgets al controlador, haga clic en el botón Agregar widget y seleccione de una galería de widgets, o arrastre un widget desde el panel Insertar widget al controlador. Configure los widgets agregados haciendo clic en el widget del controlador para abrir su panel de ajustes. Arrastre la esquina inferior del panel del widget para definir su tamaño inicial.
Cuando hace clic en un widget del controlador para abrir su panel de widgets en tiempo de ejecución, aparece una línea indicadora bajo el icono del widget para comunicarle que el widget está activo. Puede utilizar los botones Expandir y Contraer para modificar la cantidad de espacio que ocupan los paneles sin cerrarlos del todo.
Configuración
El widget Controlador de widget incluye estos ajustes:
- Dirección: visualice el controlador en una dirección vertical u horizontal.
- Comportamiento: defina el número de widgets que pueden abrirse desde este controlador y qué widgets se abren automáticamente cuando se cargue la página.
- Único: solo puede abrirse un widget a la vez. Al abrir un widget, se cierra otro.
- Varios: pueden abrirse varios widgets y ejecutarse a la vez. En este caso, puede mostrar widgets abiertos apilados o en paralelo.
Sugerencia:
Para experimentar con estas opciones, haga clic en Vista en directo en la barra de herramientas del builder.
- Habilite uno o más widgets para que se abran automáticamente cuando se cargue la página seleccionando entre la lista de widgets.
- Disposición de paneles del widget: elija dónde aparecen los paneles de los widgets:
- Flotantes: los paneles de widgets aparecen flotando junto al controlador, anclados al icono de cada widget.
- Fijos: fije los paneles de los widgets para que aparezcan en uno de los nueve puntos de anclaje del lienzo. Puede establecer el ancho y la altura del panel en píxeles (px) o en porcentaje del lienzo (%). También puede establecer desplazamientos para los ejes x e y, y agregar una animación para cuando aparezcan los paneles.
- También puede ajustar la anchura y la altura del panel a Extensión. Si lo hace, el panel se extiende para rellenar el área del lienzo dentro de los márgenes Superior, Inferior, Izquierdo y Derecho, que puede definir en píxeles (px) o en porcentaje del lienzo (%).
Nota:
El ajuste Disposición de paneles del widget solo se aplica cuando el widget se ve en pantallas grandes o medianas. En los dispositivos de pantalla pequeña, los paneles de los widgets aparecen en la parte inferior de la aplicación.
Más información sobre cómo perfeccionar los diseños para todos los dispositivos
- Apariencia: seleccione los widgets en el controlador de widgets y personalice sus iconos, etiquetas o estilo.
- Estilo de icono: utilice un círculo o rectángulo para los iconos de widget.
- Etiqueta: muestre los nombres de los widgets como etiquetas bajo los iconos. Puede cambiar estas etiquetas editando el nombre del widget en los paneles de configuración o en el contorno del builder.
- Indicador: incluya líneas indicadoras que comuniquen qué widgets están activos.
- Información sobre herramientas: incluya activación de texto para los botones.
- Tamaño de icono: cambie el tamaño de los iconos de widget.
- Intervalo de icono: especifique el espacio entre iconos de widget en píxeles (px).
- Avanzado: elija cómo aparecen los botones del controlador en los tres estados: Predeterminado, Seleccionado y Mantener el puntero. Puede cambiar el color de fondo del icono y, si activa las etiquetas, puede cambiar el color de la fuente y dar formato al texto en negrita, en cursiva, tachado o subrayado.
- Predeterminado: el estado predeterminado de un botón sin interacción del usuario.
- Seleccionado: el estado de un botón que selecciona el usuario en el controlador o de un widget abierto.
- Cursor: el estado de un botón al cual apunta el usuario en el controlador.
Nota:
El tema seleccionado afecta a las opciones de color de las opciones de configuración. Haga clic en Más para elegir un color personalizado si desea utilizar un color que no forma parte del tema de la aplicación.
Opciones de interacción
Puede utilizar un widget Botón para abrir widgets en el controlador.
Para ello, agregue un widget Botón y un widget Controlador de widget a su aplicación. En la pestaña Acción de la configuración del widget Botón, haga clic en Agregar un desencadenador y seleccione el desencadenador Clic en botón. Seleccione el widget Controlador de widget como destino, seleccione la acción Activar/desactivar barra lateral y seleccione widgets en el controlador desde el menú desplegable de Configuración de acción.
También puede abrir widgets en el controlador con cualquier widget que admita el desencadenador Registrar cambios de selección. Por ejemplo, puede configurar un widget Tabla en el controlador para que se abra cada vez que realice una nueva selección con un widget Mapa.
Para ello, agregue el desencadenador Registrar cambios de selección en la pestaña en la configuración del widget Mapa. Seleccione el widget Controlador de widget como destino, seleccione la acción Abrir widget y, a continuación, seleccione el widget Tabla del menú desplegable de Configuración de acción.