El widget Controlador de widget es un contenedor que puede utilizar para organizar otros widgets como botones, administrando su ciclo de vida y visualización. Puede cambiar la dirección de los widgets en el controlador, tanto horizontal como verticalmente. También 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.
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 elegir 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 una de las cuatro esquinas 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.
Nota:
La configuración de 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. Obtenga 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.
- Mostrar etiqueta: muestre el nombre del widget como una etiqueta bajo el icono. Este texto coincidirá con el nombre predeterminado; edite el nombre de widget en el panel de configuración de tal forma que resulte representativo para los usuarios finales.
- Información sobre herramientas: desactive el texto del ratón para los botones si opta por utilizar etiquetas en su lugar.
- Tamaño de icono: cambie el tamaño del icono de widget.
- Intervalo de icono: especifique el espacio entre iconos de widget.
- Avanzado: configure 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.