|
|
|
|
- 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
Anclaje de controles en una ventana
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.
Anclar un control en una ventana Para anclar una control en una ventana: - Seleccione los controles que desea anclar.
- 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.
- 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 anclajes | El control no cambia al redimensionar la ventana. No se selecciona ninguna opción de anclaje. | | anchura | El 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". | | Derecho | El 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 centrado | El control permanece centrado horizontalmente independientemente del ancho de la ventana. | | Altura | El 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 altura | El 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 Derecha | El 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 Vertical | Esta 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. | | Abajo | El 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 fondo | El 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 abajo | El 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 abajo | El 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 verticalmente | El control permanece centrado verticalmente independientemente de la altura de la ventana. | | Distribución Horizontal | Esta 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 derecha | El 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". | | centrado | El control permanece centrado vertical y horizontalmente independientemente del tamaño de la ventana. |
- Defina (si es necesario) las diferentes tasas de anclaje.
- 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: - Seleccione los controles que desea anclar: control Estático, Editar control, Looper, Tabla, Casilla de verificación o Botón de radio.
- 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.
- En la ventana de anclaje, seleccione el tipo de anclaje al contenido:
- 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.
- 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.
- Validar.
Configuración de anclajes mediante programación El anclaje de los controles puede establecerse mediante programación utilizando diferentes propiedades WLanguage:
| | Anchor | La propiedad Anchor establece el anclaje de un control en una ventana, página o reporte. | AnchorRateBottom | El 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.
| AnchorRateHeight | El AnchorRateHeight Property se utiliza para:- Averigüe la tasa de anclaje vertical de un control.
- Modificar la tasa de anclaje vertical de un control.
| AnchorRateRight | El 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.
| AnchorRateWidth | El 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.
| AnchorToContent | La propiedad AnchorToContent determina y cambia la forma en que el control se adapta a su contenido. |
Esta página también está disponible para…
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|