AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / Desarrollar una aplicación o un sitio web / Controles, ventanas y páginas / Controles: tipos disponibles / Control Barra de navegación
  • Vista general de la control Barra de navegación
  • Control en una página estática o dinámica
  • Creación de una control Barra de navegación
  • Características de control Barra de navegación con Burger creadas por defecto
  • Características de control Barra de navegación
  • Selección del modo de visualización
  • El ancho de los paneles laterales
  • Opciones de estilo disponibles
  • Operaciones en el editor
  • Manejo del control en el editor
  • Personalizando los trozos
  • Visualización del área desglosada en tiempo de ejecución
  • Uso de una acción predefinida
  • Usando la propiedad ..Collapsed por programación
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Vista general de la control Barra de navegación

Control en una página estática o dinámica

La control Barra de navegación se utiliza para crear un área de menú que puede adaptarse fácilmente al tamaño del navegador.. Esta área puede contener todo tipo de controles.
Hay dos modos de visualización disponibles:
  • Modo ampliado: La barra de navegación incluye 3 secciones: Izquierda, centro, derecha. Se visualizan las 3 secciones.
    Una barra de navegación en modo extendido
    Una barra de navegación en modo extendido
  • Compact mode: La barra de navegación incluye las secciones izquierda y derecha, así como una sección central que se puede ampliar (al hacer clic en un botón, por ejemplo)..
    Una barra de navegación en modo compacto
    Una barra de navegación en modo compacto
    Una barra de navegación en modo compacto con la sección central ampliada
    Una barra de navegación en modo compacto con la sección central ampliada
Marca Remark: Este control sólo está disponible para las páginas en modo "Diseño Web con capacidad de respuesta"..
Creación de una control Barra de navegación
Para crear un control Barra de navegación:
  1. Crear o abrir una página en modo "Diseño Web con capacidad de respuesta.
  2. En el panel "Creación", en el grupo "Navegación", expande "Barra de nav." y selecciona el tipo de barra de navegación para crear:
    • Barra de navegación en blanco: Esta barra de navegación no contiene ningún control. Se puede personalizar por completo. Se puede utilizar, por ejemplo, para gestionar un diseño específico.
    • Barra de navegación con menú'Burger: Esta barra de navegación se rellena previamente para gestionar la visualización de los menús en las diferentes plataformas. Algunos parámetros se especifican por defecto, como el cambio de visualización del primer rango de resolución.
  3. Haga clic en la posición donde se creará el control en la página. El control aparece en el modo de creación.

Características de control Barra de navegación con Burger creadas por defecto

La control Barra de navegación se adapta automáticamente al modo Responsive Web Design.:
  • En el mayor rango de resolución:
    En este rango de resolución:
    • el control se visualiza en el modo "Extendido",
    • el botón "Hamburguesa" que sirve para ampliar la zona central de la barra de navegación está oculto.
    • aparece un menú desplegable. Este menú se puede borrar o personalizar según sus necesidades.
  • En las rebanadas más pequeñas:
    En estas rebanadas:
    • el control Barra de navegación se anula para ser mostrado en modo "Compacto"..
    • se visualiza el botón "Hamburguesa" que sirve para ampliar la zona central de la barra de navegación. La acción definida para este control es "Contraer/Expandir la barra de navegación".. Esta acción se utiliza para mostrar la sección central en formato popup.
Para mostrar las características de control, seleccione "Descripción" de el menú contextual de control.
Características de control Barra de navegación

Selección del modo de visualización

Para configurar el modo de visualización de control Barra de navegación:
  1. Mostrar la ventana de descripción de la control Barra de navegación.
  2. En la pestaña "UI" configure el modo de visualización del control:
  3. Validar.
Observación: El modo de visualización puede ser anulado para cada rango de resolución. Por defecto:
  • Cuando se crea una control Barra de navegación con una hamburguesa, se anulan todas las rebanadas más pequeñas.
  • Cuando se crea un control Barra de navegación blanco, los segmentos más pequeños no se anulan.

El ancho de los paneles laterales

El tamaño de los cristales laterales se utiliza para definir el comportamiento de las dos secciones exteriores de la control Barra de navegación. Tiene la posibilidad de utilizar una de las siguientes opciones:
  • No hay ancho mínimo: Si se elige esta opción, los 3 paneles mantienen siempre un tamaño proporcional.
  • Anchura mínima de edición: Si esta opción está activada, el tamaño de la rango de resolución define el umbral a partir del cual los paneles laterales ya no se reducen. A partir de este nivel, sólo se reduce el panel central.
  • Ancho fijo por rango de resolución: Si se elige esta opción, el ancho de los paneles izquierdo y derecho no cambia en la ventana control Barra de navegación. Sólo el panel central se agranda o se reduce.
RS : El tamaño de los paneles se puede definir para cada rango de resolución. En este caso, la opción elegida para el ancho de los cristales se aplica al nuevo tamaño de los mismos..
Tip: Escondiendo un panel lateral y seleccionando "Ancho fijo por rango de resolución", el control Barra de navegación puede utilizarse para crear un diseño que incluya una sección fija (para un banner publicitario, por ejemplo) y una sección fluida.
Al crear la control Barra de navegación (en blanco o con Burger), la opción seleccionada es "Anchura mínima de edición" por defecto.

Opciones de estilo disponibles

En la pestaña "Estilo" de la ventana de descripción de control Barra de navegación, tiene la posibilidad de configurar:
  • El estilo CSS de la barra de navegación,
  • El estilo CSS del panel expandido.
  • Los efectos utilizados para la operación de desglose: expandir con el solapamiento, expandir con el empuje, ....
Operaciones en el editor

Manejo del control en el editor

El control Barra de navegación es un control de envases cuyo aspecto depende del modo de visualización utilizado..
En el editor, la control Barra de navegación se divide en 3 paneles: izquierda (1), centro (2) y derecha (3). El tamaño y la visualización de los paneles dependen del modo de visualización de control Barra de navegación.
  • En modo "Extendido: Los 3 paneles se muestran en el editor. Los controles de
    T pueden ser posicionados en los diferentes paneles (logo, menú, enlaces, ...).
  • En modo "Compacto: El panel central (2) ya no se muestra (está sombreado en el editor). Los controles se encuentran en el área ampliada.
    Para ver y editar esta área expandida en el editor, sólo tienes que hacer clic en el área sombreada (también tienes la posibilidad de seleccionar "Editar el panel colapsado" desde el el menú contextual del control).
    TEl área expandida aparece en edición (encerrada en un borde amarillo). Puede realizar las modificaciones solicitadas. Para salir del modo de edición, pulse la tecla Esc..
Observaciones:
  • Se puede utilizar cualquier tipo de control en los cristales.
  • Los paneles no pueden ser manejados por programación.

Personalizando los trozos

Los siguientes elementos de la control Barra de navegación pueden ser personalizados para cada rango de resolución:
  • la posición de los mandos en los cristales.
  • la posición de los controles en el panel central (modo plegado o expandido).
  • el modo de visualización del control (extendido o compacto).
  • el tamaño de los cristales.
También puedes esconder un cristal en un rango de resolución.
Visualización del área desglosada en tiempo de ejecución
Se pueden utilizar dos métodos para mostrar el área central de la barra de modificación en tiempo de ejecución:

Uso de una acción predefinida

La acción predefinida "Contraer/Expandir la barra de navegación" se utiliza para mostrar el área central de la barra de navegación en una ventana emergente.. Esta acción está disponible en los controles de botones y enlaces, por ejemplo. Para usar esta acción:
  1. Mostrar la ventana de descripción del Botón o control Enlace.
  2. En la pestaña "General", en el área "Acción de los botones", expanda "Tipo" y haga clic en "Más opciones".. Seleccione "Hacer una acción en otro control".
  3. En el área de "Control", seleccione "Colapsar/Expandir la barra de navegación".
  4. Validar la ventana de descripción del control.
Observaciones:
  • El control asociado a la acción predefinida "Contraer/Expandir la barra de navegación" no se encuentra necesariamente en la barra de navegación..
  • Por defecto, control Barra de navegación with Burger utiliza un botón "Hamburger" para ampliar la barra de navegación..

Usando la propiedad ..Collapsed por programación

El ...colapsó... usado en el código del navegador en el control Barra de navegación se usa para colapsar o expandir el área media de la barra de navegación.
Tienes la capacidad de usar ...colapsó... en el código de rotación de un control, por ejemplo.
Versión mínima requerida
  • Versión 21
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 27/05/2022

Señalar un error o enviar una sugerencia | Ayuda local