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 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.
- 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.