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 / Editores / Editor de ventanas y de páginas / Editor de ventanas
  • Presentación
  • Implementación
  • Crear un nuevo diseño para una página
  • Creación de un nuevo diseño para imprimir una página
  • Manejo de layouts
  • Gestión de controles en los layouts
  • Características de los layouts
  • Comparando ventanas o páginas con diseños
  • Gestionar los diseños en tiempo de ejecución
  • Modo de funcionamiento Default
  • Caso especial: Diseño de impresión
  • 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
Presentación
Los diseños se utilizan para definir varias vistas de una ventana/página en el mismo proyecto sin duplicar esta ventana/página.
WEBDEV - Código Servidor WEBDEV ofrece varias soluciones para crear sitios móviles amigables: Diseño Web receptivo (o RWD), Servidores y diseños dinámicos.
En un sitio WEBDEV, puedes definir:
  • una vista específica para el modo de escritorio,
  • una vista específica para el modo móvil, etc.
  • una vista específica para imprimir el contenido de una página.
En tiempo de ejecución, puedes:
Los layouts son otra forma de hacer que un sitio sea optimizado para dispositivos móviles (Mobile-friendly). A diferencia del modo de diseño web receptivo (RWD), los diseños no tienen restricciones en el orden de los controles.
Por lo tanto, los diseños le permiten:
  • hacer diseños que no se pueden hacer fácilmente en RWD.
  • crear sin esfuerzo elementos en un diseño y esconderlos en otro diseño.
Esta página de ayuda presenta:
Implementación
WEBDEV - Código Servidor

Crear un nuevo diseño para una página

Para crear un nuevo diseño para una página:
  1. Abra la página correspondiente en el editor.
  2. En la pestaña "Página", en el grupo "Layouts", despliegue "Layouts" y seleccione "Agregar layout a partir de la vista activa".
  3. Aparece la ventana de creación del diseño:
  4. Especificar el tipo de pantalla para el que debe crearse la disposición. También se puede especificar el ancho mínimo de la pantalla.
  5. Validar.
  6. A la derecha, el editor muestra los diferentes diseños disponibles para la página. Haciendo doble clic en la insignia del diseño deseado se puede abrir en el editor y modificarlo.
Observaciones
Los diseños no están disponibles:
  • en las páginas en el modo de diseño web de respuesta.
  • en las páginas internas.
  • en plantillas de páginas.
WEBDEV - Código Servidor

Creación de un nuevo diseño para imprimir una página

Para crear un nuevo diseño para imprimir el contenido de una página:
  1. Abra la página correspondiente en el editor.
  2. En la pestaña "Página", en el grupo "Layouts", expanda "Layouts" y seleccione "Añadir un diseño de impresión".
  3. Se crea automáticamente un diseño de "impresión".. A la derecha, el editor muestra los diferentes diseños disponibles para la página. Puede hacer doble clic en el diseño "Imprimir" para abrirlo y modificarlo en el editor.
    Esto permite mantener sólo los controles necesarios para la impresión en esta disposición.
Observaciones
  • Los diseños no están disponibles en las páginas internas, las plantillas de páginas o las páginas en modo de diseño web responsivo.
  • El diseño de impresión se utilizará automáticamente cuando el usuario imprima la página correspondiente. Por ejemplo, los controles innecesarios (botones, enlaces, etc.) pueden ocultarse en el diseño de impresión.
Manejo de layouts

Gestión de controles en los layouts

Por Default:
  • Una control creada en una maqueta se crea en todas las maquetas.
  • Una control se coloca en el mismo lugar en todos los diseños. Incluye las mismas propiedades de anchura y altura.
  • Una control movida en una maqueta se mueve en todas las maquetas.
Para que una control tenga propiedades específicas y se posicione según los trazados, debe estar disociada. Hay varias opciones disponibles.
To manipular un control de manera independiente en los diferentes diseños:
  1. Seleccione la control.
  2. Haga clic derecho para abrir el menú contextual.
  3. En el menú "Layouts" se muestran las diferentes posibilidades::
    • Disociar posición: utilizado para modificar la posición de la control en uno o más diseños.
    • Disociar tamaño: utilizado para modificar el tamaño de la control en uno o más diseños.
    • Disociar anclaje: se utiliza para disociar el ancla en uno o más diseños.
    • Disociar la fuente: se usa para disociar la fuente en uno o más diseños. Por ejemplo, puede utilizar una fuente específica para Android y otra para iOS. También es posible especificar un tamaño de fuente para cada diseño.
    • Ocultar en esta presentación: oculta la control en uno o varios diseños.
    • Mostrar en todos los diseños: muestra la control en todas las disposiciones.
Observaciones:
  • Este menú contextual está disponible para una selección de controles.
  • Opción "disociación automatic" ():
    • Si la opción "disociación de automatic" en la barra de título de la disposición actual está activada, el tamaño y/o la posición de los controles se disociarán cuando se realice el primer cambio (a través del ratón o del teclado).
    • Si se desactiva la opción "disociación de automatic" en la barra de título de la maqueta actual, todos los cambios realizados en los controles (tamaño o posición) se aplicarán en todas las maquetas.
    Se muestra un toast para recordar al usuario los efectos de esta disociación (el control se mueve en todos los diseños o solo en el diseño actual).
Límite: Para los controles Chart, las propiedades del título y las propiedades de la leyenda no se pueden disociar entre varios diseños..

Características de los layouts

El menú contextual de miniaturas de las maquetas disponibles permite gestionar las maquetas:
Es posible:
  • Vea el diseño description y modifíquelo. Para obtener más información, consulte Ajustes de diseño.
  • Activar la maqueta, es decir, mostrarla para modificarla..
  • Activar la presentación en modo de doble vista: los dos diseños pueden visualizarse y modificarse en paralelo.
  • Crear un nuevo diseño a partir del diseño actual.
  • WEBDEV - Código Servidor Agregar un layout de impresión.
  • WEBDEV - Código Servidor Desactivar el diseño. Aparece una "X" roja en la disposición Icon y la disposición no puede utilizarse en la ejecución. Sin embargo, seguirá estando disponible en el editor.
    Observación: Esta opción puede ser useful cuando una página hereda una o más plantillas de página con diseños. Esto le permite mantener sólo los diseños deseados.
  • Borrar el layout seleccionado.
  • Mostrar miniaturas proporcionales.
  • Actualizar automáticamente: Se utiliza para actualización la disposición tan pronto como se realiza una modificación en la ventana..
  • Actualizar este layout: Se utiliza para actualización inmediatamente la disposición.
  • Actualizar todo: Utilizado para actualización inmediatamente todos los layouts.

Comparando ventanas o páginas con diseños

WINDEV Mobile le permite comparar dos proyectos, dos elementos de proyecto, ... Para obtener más información, consulte Comparador de proyectos.
Al comparar ventanas que contienen layouts, se listan las diferencias encontradas para cada layout..
Gestionar los diseños en tiempo de ejecución

Modo de funcionamiento Default

La disposición inicial se selecciona automáticamente en función de:
  • el sistema,
  • la orientación,
  • el tamaño de la plataforma,
  • WEBDEV - Código Servidor el tamaño del navegador,
  • el tamaño de la ventana o página (en el editor).
La disposición cambia automáticamente:
  • WEBDEV - Código Servidor según el tamaño del navegador.
Se pueden definir los parámetros de la maqueta ("description" en el menú contextual de la barra de título de la maqueta):

    Caso especial: Diseño de impresión

    Si se ha creado un diseño "Imprimir" en una página, este diseño se utilizará automáticamente cuando el usuario seleccione la opción "Imprimir" en el menú contextual del navegador (o pulse Ctrl + P). En este caso, sólo se imprimirán los controles mostrados en el diseño.

    Programación

    Es posible:
    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