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 Action Bar
  • Presentación
  • description de los diferentes elementos del Action Bar (pestaña "General")
  • El botón izquierdo de la Action Bar
  • Botón izquierdo
  • Opciones de menú que aparecen en el Action Bar (sólo sistema Action Bar)
  • En Universal Windows 10 App
  • Vistas/Barra de navegación
  • Aspecto de la Action Bar (pestaña "Detalles")
  • Presentación
  • Apariencia del Action Bar
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
Presentación
Una Action Bar puede ser:
  • Y el sistema Action Bar: La Action Bar depende del sistema utilizado. Puede variar en función de la plataforma utilizada.
  • Un Action Bar personalizado, para que get tenga el mismo comportamiento en todas las plataformas. En este caso, puede:
    • Cambia la altura de la Action Bar,
    • Insertar controles en la Action Bar.
Esta página de ayuda presenta los principales aspectos de la ventana Action Bar description:
description de los diferentes elementos del Action Bar (pestaña "General")
La pestaña "General" permite definir los diferentes elementos de Action Bar en función de la plataforma utilizada. Estos elementos son los mismos en iOS y en Android, pero están organizados de forma diferente.
Diferentes elementos de la Action Bar
Las dos interfaces se presentan una al lado de la otra: la interfaz iOS a la izquierda, la interfaz Android a la derecha.
Si su proyecto está disponible en una sola plataforma, sólo se habilitará la interfaz correspondiente..
Para definir los diferentes elementos de la Action Bar, todo lo que tiene que hacer es hacer clic en los números.
El botón izquierdo de la Action Bar

Botón izquierdo

La Action Bar reemplaza la barra de título de la ventana:
  • Universal Windows 10 App en Universal Windows 10 App: Por Default, el Action Bar muestra el título de la ventana actual.
Es posible que el título no se muestre de acuerdo con los elementos que aparecen en la pantalla de Action Bar.
La opción "1" de la pestaña "General" de la ventana de descripción del control Action Bar permite configurar diferentes elementos:
  • Botón Visible o no,
  • Universal Windows 10 App Se muestra Icon.
El usuario puede hacer clic en el botón izquierdo que aparece en la Action Bar de una ventana. La Event "Pulsar el botón izquierdo" de la Action Bar se associated con esta acción.
La ventana description del Action Bar sirve para configurar la acción del clic en el botón izquierdo. Puede seleccionar una de las siguientes opciones:
Ventana de descripción
  • Código: Ejecutar proceso de clic del control: Al hacer clic en el botón izquierdo se ejecutará automáticamente Event.
  • Universal Windows 10 App Inicio: Volver a la primera ventana de la aplicación: En este caso, la aplicación:
    • Se ejecutará el "Haga clic en el botón izquierdo" Event.
    • Se ejecutará el preset Process: todas las ventanas que siguen abiertas se cierran, excepto la ventana principal (que se vuelve a abrir si es necesario). Este proceso preestablecido no se ejecutará si el "Pulse el botón izquierdo" Event devuelve False (utilizado para pedir confirmación al usuario, por ejemplo).
      Observaciones:
      • Si la ventana principal ya se muestra o si la aplicación no tiene ventana principal, no se ejecutará ninguna acción de Default. Sólo se ejecutará la Event "Pulsar el botón izquierdo.
      • El código de cierre de las ventanas cerradas no se ejecutará.
  • Ventana deslizante izquierda: Abre la ventana deslizante izquierda: En este caso, la aplicación:
    • Se ejecutará el "Haga clic en el botón izquierdo" Event.
    • Se ejecutará el preset Process: la ventana deslizante izquierda definida en la ventana description se mostrará con el efecto especificado.
      Para obtener más información, consulte Ventana corredera (menú deslizante).
Opciones de menú que aparecen en el Action Bar (sólo sistema Action Bar)
Universal Windows 10 App

En Universal Windows 10 App

En una ventana sin Action Bar, el menú principal de la aplicación se muestra en la parte inferior de la ventana..
En una ventana con Action Bar, las opciones de menú pueden ser:
  • que se encuentra en la parte superior derecha de la Action Bar.
  • que se encuentra en la parte inferior de la ventana
La posición de las opciones depende del dispositivo en el que se ejecute la aplicación.
Si la aplicación se ejecuta en PC , todas las opciones se muestran en Action Bar en la parte superior de la pantalla. Si las opciones son associated con Image s, sólo se muestra el Image en el Action Bar. Se muestra un menú desplegable en cuanto no hay espacio suficiente en el Action Bar para mostrar una opción adicional o en cuanto una opción no es associated con un Image. Este menú desplegable puede abrirse mediante un botón "...".
Si la aplicación se ejecuta en Mobile , todas las opciones se muestran en el Action Bar en la parte superior de la pantalla o en una barra de menú en la parte inferior de la pantalla (según la posición elegida en la interfaz). Las reglas de visualización son idénticas en la Action Bar y en la barra de menús.:
  • Si las opciones son associated con Image s, sólo se muestra el Image en el Action Bar o en la barra de menú.
  • Se muestra un menú desplegable en cuanto no hay espacio suficiente en la Action Bar o en la barra de menús para mostrar una opción adicional o en cuanto una opción no es associated con un Image. Este menú desplegable puede abrirse mediante un botón "...".
Para gestionar las opciones de menú que se encuentran en el menú Action Bar:
  • Caso 1: Una ventana con menú se convierte en una ventana con Action Bar: el menú de la ventana se muestra automáticamente en el Action Bar, en la parte inferior de la ventana.
  • Caso 2: Se crea una ventana con Action Bar y se desea crear el menú:
    1. En la pestaña "General" de la ventana description del Action Bar, haga clic en "2" o "3" (opciones de la barra de herramientas).
    2. Se visualizan dos listas.
      • La lista "Arriba a la derecha" permite definir directamente las opciones que aparecen en Action Bar.
      • La lista "En la parte inferior del menú" permite definir las opciones de menú que se muestran en el menú de la parte inferior de la ventana.
        Recordatorio: Si la aplicación se ejecuta en PC, estas opciones aparecen después de las de la lista "Arriba a la derecha" de Action Bar.
    3. Haga clic en "+" para añadir una nueva opción: la opción añadida se puede modificar en la parte inferior de la pantalla.
      Si la opción de menú es associated con un Image, sólo se mostrará el Image en el Action Bar.
Observación: Para editar las opciones en el editor, haga clic en la opción: aparece un menú desplegable con las opciones correspondientes. El menú contextual se utiliza para configurar las opciones (y para editar el código).
Vistas/Barra de navegación
Aspecto de la Action Bar (pestaña "Detalles")

Presentación

La apariencia del Action Bar se puede definir en la pestaña "Detalles" de la ventana de descripción. Puede seleccionar:
  • La aparición de Action Bar / NavBar.

Apariencia del Action Bar

La apariencia de la Action Bar se puede configurar a través de:
  • la opción "Editar estilo de las barras", que permite configurar el estilo de la barra del sistema y de Action Bar.
  • la altura de la Action Bar (sólo a medida). Esta opción le permite get la misma altura de Action Bar independientemente del sistema utilizado. El alto se expresa en pixeles.
La ventana de configuración del estilo incluye:
  • La configuración de la barra del sistema:
    Se pueden configurar los siguientes elementos:
    • fondo Color utilizado.
    • color del texto.
    • el modo de superposición. La opción "Superposición de la barra" permite set la transparencia de la barra del sistema. Cuando esta opción está marcada, la barra del sistema se convierte en Transparent. A continuación, puede ajustar la opacidad de la barra del sistema mediante la función Opacidad Property. Esta propiedad puede utilizarse en la ventana opcional "Desplazamiento de la barra de desplazamiento" Event, por ejemplo.
      Atención: La opción "Superposición de barras" cambia el origen de los controles. En el editor, los controles situados debajo de la barra del sistema se desplazan automáticamente.
  • La configuración Action Bar:
    Se pueden configurar los siguientes elementos:
    • fondo utilizado Color.
    • la color del tipo de letra utilizado.
      la opción "Aplicar color de la fuente a los íconos activos (Action Bar y barra de navegación)" permite aplicar el tipo de letra Color a los iconos. En este caso, los iconos seleccionados deben ser monocromos.
    • el modo de superposición. La opción "Superposición de barra" permite set la transparencia de la Action Bar. Cuando se marca esta opción, la Action Bar se convierte en Transparent. A continuación, puede ajustar la opacidad de la Action Bar utilizando el Opacidad Property. Esta propiedad puede utilizarse en la ventana opcional "Desplazamiento de la barra de desplazamiento" Event, por ejemplo. Ejemplo:
      // Used to get up to 30% opacity at 150px in Y
      // The opacity goes from 0 to 30%
      nMaxOpacity is int = 30
      nOpacity is int
      nOpacity = nMaxOpacity * ScrollbarPosition(MyWindow) / CoordinateEditorToScreen(150)
      IF nOpacity > nMaxOpacity THEN
      nOpacity = nMaxOpacity
      END
      ACTB_ActionBar.Opacity = nOpacity

      Atención: La opción "Superposición de barras" cambia el origen de los controles. En el editor, los controles debajo de la Action Bar se desplazan automáticamente.
Versión mínima requerida
  • Versión 19
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 23/11/2023

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