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
  • ¿Cómo proceder?
  • Anclar un control en una ventana
  • Anclar un control en una pestaña
  • Anclaje de una selección de controles
  • Anclado al contenido
  • Configuración de anclajes mediante 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
Las ventanas de una aplicación WINDEV pueden redimensionarse en tiempo de ejecución. En una aplicación móvil (Android o iOS), las ventanas pueden mostrarse en dispositivos con diferentes tamaños de pantalla (teléfonos, tabletas, etc.). Con el mecanismo de anclajes, los controles se redimensionan y posicionan automáticamente al cambiar el tamaño de una ventana.
Puede set los anclajes de un control utilizando dos parámetros:
  • El anclaje control: este parámetro define la modificación que debe aplicarse a la control cuando se redimensiona la ventana. La control puede desplazarse hacia la izquierda y/o hacia abajo, puede ampliarse en anchura y/o en altura.
  • La tasa de anclaje: este parámetro establece el porcentaje en el que se desplaza o estira la control. Este parámetro le permite:
    • mantener una control centrada en anchura en la ventana independientemente de su tamaño,
    • ampliar proporcionalmente algunos controles.
Estos ajustes se pueden definir:
  • En el editor de ventanas.
  • Mediante programación con las propiedades WLanguage.
¿Cómo proceder?

Anclar un control en una ventana

Para anclar una control en una ventana:
  1. Seleccione los controles que desea anclar.
  2. Definir el anclaje de los controles:
    • en la pestaña "UI" de la ventana de descripción del control (opción "Descripción" del menú contextual),
    • mediante la opción "Anclar" del menú contextual de control.
  3. En la ventana que aparece, seleccione el tipo de anclajes que desea aplicar. Las opciones más comunes están representadas por diferentes íconos:
    Sin anclajesEl control no cambia al redimensionar la ventana. No se selecciona ninguna opción de anclaje.
    anchuraEl control se extiende hacia la derecha cuando se amplía la ventana. Para definir cuánto se debe extender el control con respecto a la ventana, establezca la tasa de anclaje "ancho".
    DerechoEl control se desplaza hacia la derecha cuando se amplía la ventana. Para definir cuánto se debe mover el control, establezca la tasa de anclaje "derecha".
    Horizontalmente centradoEl control permanece centrado horizontalmente independientemente del ancho de la ventana.
    AlturaEl control se extiende hacia abajo cuando la ventana se amplía verticalmente. Para modificar la velocidad a la que se estira una control en relación con la ventana, utilice la tasa de anclaje en altura
    Anchura y alturaEl control se extiende hacia la derecha y hacia abajo cuando se amplía la ventana. Para definir cuánto se debe extender el control con respecto a la ventana, establezca las tasas de anclaje "ancho" y "alto".
    Altura y DerechaEl control se extiende hacia abajo y se desplaza hacia la derecha cuando se amplía la ventana.
    Para definir cuánto se debe mover el control, establezca la tasa de anclaje "derecha".
    Para definir cuánto se debe extender el control con respecto a la ventana, establezca la tasa de anclaje "alto".
    Distribución VerticalEsta opción solo está disponible cuando se seleccionan varios controles. Los controles seleccionados se extienden hacia abajo y se distribuyen proporcionalmente cuando se amplía la ventana verticalmente.
    AbajoEl control se desplaza hacia abajo cuando la ventana se amplía hacia abajo. Para definir cuánto se debe mover el control, establezca la tasa de anclaje "abajo".
    Ancho y fondoEl control se extiende hacia la derecha y se desplaza hacia abajo cuando se amplía la ventana.
    Para definir cuánto se debe mover el control, establezca la tasa de anclaje "abajo".
    Para definir cuánto se debe extender el control con respecto a la ventana, establezca la tasa de anclaje "ancho".
    Derecha y abajoEl control se desplaza hacia la derecha y hacia abajo cuando se amplía la ventana. Para definir cuánto se debe mover el control, establezca la tasa de anclaje "abajo" y "derecha".
    Centrado horizontalmente abajoEl control permanece centrado horizontalmente independientemente del ancho de la ventana. Sin embargo, el control está anclado a la derecha y se mueve a la derecha cuando la ventana se amplía.
    Para definir cuánto se debe mover el control, establezca la tasa de anclaje "abajo".
    Centrado verticalmenteEl control permanece centrado verticalmente independientemente de la altura de la ventana.
    Distribución HorizontalEsta opción solo está disponible cuando se seleccionan varios controles. Los controles seleccionados se extienden hacia la derecha y se distribuyen horizontalmente cuando se amplía la ventana.
    Centrado verticalmente a la derechaEl control permanece centrado verticalmente independientemente de la altura de la ventana. Sin embargo, el control está anclado a la derecha y se mueve a la derecha cuando la ventana se amplía.
    Para definir cuánto se debe mover el control, establezca la tasa de anclaje "derecha".
    centradoEl control permanece centrado vertical y horizontalmente independientemente del tamaño de la ventana.
  4. Defina (si es necesario) las diferentes tasas de anclaje.
  5. Validar.
Para que los marcadores de anclaje (flechas rojas) se muestren en los controles, en la pestaña "Vista", en el grupo "Mostrar (todos los controles)", seleccione "Anclajes".

Anclar un control en una pestaña

Una control mostrada en una pestaña se ancla en relación con la pestaña y no con la ventana.

Anclaje de una selección de controles

Para anclar una selección de controles, seleccione "Anclar" en el menú contextual (botón derecho del ratón) de la selección.

Anclado al contenido

Un anclaje adicional está disponible para algunos tipos de controles: el ancla al contenido.
El anclaje al contenido, disponible en altura o en anchura, se utiliza para adaptar el tamaño de control según su contenido. Por lo tanto, un control Campo de entrada multilínea adaptado al contenido en altura se ampliará en altura si el contenido del control cambia y contiene más líneas. Este tipo de anclaje es muy useful para los controles que se encuentran en un Control Disposición.
El ancla al contenido está disponible para los siguientes controles: control Estático, Editar control, Looper, Casilla de verificación o Botón de radio.
Para anclar un control al contenido:
  1. Seleccione los controles que desea anclar: control Estático, Editar control, Looper, Tabla, Casilla de verificación o Botón de radio.
  2. Definir el anclaje de los controles:
    • en la pestaña "UI" de la ventana de descripción del control (opción "Descripción" del menú contextual),
    • mediante "Anclar" en el menú contextual de control.
  3. En la ventana de anclaje, seleccione el tipo de anclaje al contenido:
  4. Si el ancla al contenido se define en altura:
    • Los mandos se ampliarán en altura en función de su contenido.
    • Debe especificar el anclaje de la control en anchura:
      • nono. En este caso, la control se extiende hasta el fondo según su contenido.
      • El control se extiende hacia la derecha. En este caso, la control se extiende hacia el fondo según su contenido y hacia la derecha.
      • Derecho: En este caso, la control se estira hacia el fondo según su contenido y se desplaza hacia la derecha.
  5. Si el ancla al contenido se define en ancho:
    • Los mandos se ampliarán en anchura en función de su contenido.
    • Debe especificar el anclaje de la control en altura:
      • nono. En este caso, la control se extiende a la derecha según su contenido.
      • El control se extiende hacia abajo. En este caso, la control se extiende a la derecha según su contenido y al fondo.
      • Abajo: En este caso, la control se estira hacia la derecha según su contenido y se desplaza hacia el fondo.
  6. Validar.
Configuración de anclajes mediante programación
El anclaje de los controles puede establecerse mediante programación utilizando diferentes propiedades WLanguage:
AnchorLa propiedad Anchor establece el anclaje de un control en una ventana, página o reporte.
AnchorRateBottomEl AnchorRateBottom Property se utiliza para:
  • Averigua la tasa de anclaje cuando un control se mueve en el eje vertical.
  • Modificar la velocidad de anclaje cuando una control se mueve en el eje vertical.
AnchorRateHeightEl AnchorRateHeight Property se utiliza para:
  • Averigüe la tasa de anclaje vertical de un control.
  • Modificar la tasa de anclaje vertical de un control.
AnchorRateRightEl AnchorRateRight Property se utiliza para:
  • Averigua la tasa de anclaje cuando un control se mueve en el eje horizontal.
  • Modificar la velocidad de anclaje cuando una control se mueve en el eje horizontal.
AnchorRateWidthEl AnchorRateWidth Property se utiliza para:
  • Averigua la tasa de anclaje cuando una columna control (o una columna tabla) se extiende sobre el eje horizontal.
  • Modifica la tasa de anclaje cuando una columna control (o una columna tabla) se extiende en el eje horizontal.
AnchorToContentLa propiedad AnchorToContent determina y cambia la forma en que el control se adapta a su contenido.
Versión mínima requerida
  • Versión 10
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 13/06/2023

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