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 organizar los widgets en un controlador similar a una barra de herramientas.
- Quiere agregar widgets a un mapa a pantalla completa sin que ocupen mucho espacio.
- Desea que los usuarios puedan abrir uno o varios widgets a la vez para interactuar con un mapa.
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.
Haga clic en el botón Administrar widgets para ver una lista de todos los widgets del controlador. Puede reordenar los widgets, eliminarlos o colocarlos en un grupo.
Grupos
Puede crear un grupo en el controlador arrastrando un widget encima de otro en el panel Administrar widgets. Los grupos son simplemente widgets expandibles. Son útiles porque permiten colocar varios widgets en un mismo panel del controlador. Un grupo tiene la misma configuración que un widget expandible, la única diferencia es que se denomina Grupo en la página. Al hacer clic en un grupo del controlador, los widgets del grupo aparecen en un menú apilado verticalmente con botones de expansión y contracción.
Widgets sin panel
Algunos widgets tienen estilos de disposición inadecuados para los paneles del controlador o no encajan. Para una visualización óptima, al hacer clic en los iconos del controlador, estos widgets aparecen como lo harían normalmente fuera del controlador. En general, los widgets con estilos de disposición de la barra de herramientas aparecen fuera del panel cuando se agregan al controlador y se elige ese estilo de disposición.
Algunos de los widgets que aparecen fuera del panel son los widgets Caja de herramientas 3D, Dibujar, Mi ubicación, Compartir, Deslizar y Línea temporal.
Configuración
El widget Controlador de widget incluye estos ajustes:
- Dirección: muestre los widgets en el controlador vertical u horizontalmente.
- Alineación: indique cómo desea alinear los widgets. Solo notará una diferencia entre estas opciones si la anchura o la altura del controlador es mayor que la longitud total de los widgets.
- Si muestra los widgets horizontalmente, puede alinearlos al centro, a la izquierda o a la derecha del controlador.
- Si muestra el widget verticalmente, puede alinearlos con el centro, la parte superior o la parte inferior del controlador.
- Comportamiento: defina el número de widgets que pueden abrirse desde el 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.
- Tipo de visualización: esta opción aparece si selecciona Múltiple. Indique si desea que los paneles de widgets aparezcan apilados uno encima de otro o uno al lado del otro.
- Disposición de paneles del widget: esta opción aparece si selecciona Único. Indique 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, e incluso 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).
- Estilo desbordante: si hay demasiados widgets para que quepan en la longitud del controlador, tiene dos opciones para mostrar los widgets adicionales:
- Flechas: agregue flechas para navegar por todos los widgets del controlador.
- Ventana emergente: agregue un botón con la etiqueta Más widgets al final del controlador. Cuando el usuario pulsa este botón, aparece una ventana con una lista de los widgets restantes.
- Avanzado: elija cómo aparecen los botones del controlador en los tres estados: Predeterminado, Seleccionado y Mantener el puntero. Si activa las etiquetas, puede cambiar el color de la fuente y dar formato al texto en negrita, en cursiva, tachado o subrayado. En Estilo de icono, puede cambiar el color del icono y el color de fondo. En Sombra, puede agregar sombras a los iconos estableciendo los desplazamientos x e y, el radio de desenfoque, el radio de dispersión y un color de sombra.
- 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 Abrir widget 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 Abrir widget. Se le pedirá que establezca los datos de desencadenador, que son los datos que activan la acción del mensaje. Puede elegir entre las opciones disponibles:
- Todos los datos: abre el widget cuando el usuario selecciona entidades de cualquiera de las fuentes de datos conectadas al widget de origen.
- Personalizado: utiliza capas específicas como datos de desencadenador. Los datos de desencadenador personalizados son útiles si solo desea que una fuente de datos específica desencadene la acción del mensaje. Por ejemplo, si desea que un widget Gráfico solo se abra cuando el usuario selecciona una ciudad en un mapa, puede seleccionar la capa de ciudades como datos de desencadenador.
También puede elegir qué widgets abrir con la acción de mensaje Abrir widget.