GrialResize

De GrialWIKI

(Diferencias entre revisiones)
(Configuración:)
 
(6 ediciones intermedias no se muestran.)
Línea 1: Línea 1:
{{Hierarchy header}}
{{Hierarchy header}}
Permite el cambio dinámico de tamaño de los controles dentro del documento en el evento UserDocument_Resize.
Permite el cambio dinámico de tamaño de los controles dentro del documento en el evento UserDocument_Resize.
-
 
-
===Forma de uso:===
 
-
Incorporar el componente “GrialResizeP” al proyecto. Colocar el componente desde el Toolbox en cualquier lugar de la pantalla, es invisible al momento de ejecución. Renombrarlo como “GrialResize”.
 
-
 
 +
===Nota:===
 +
Es recomendable establecer el tamaño del formulario (UserDocument) en el momento de diseño, a 12000 x 8100 (twips) lo que lo hará que el módulo pueda visualizarse correctamente en una resolucion de 800x600 (pixels) para los usuarios que aún tengan esa resolución de pantalla.
 +
===Forma de uso:===
 +
Incorporar el componente “GrialResizeP” al proyecto. Colocar el componente desde el Toolbox en cualquier lugar de la pantalla, es invisible al momento de ejecución. Renombrarlo como “GrialResize”.
Agregar el siguiente código en el módulo:
Agregar el siguiente código en el módulo:
Línea 21: Línea 21:
En cambio, si el texbox es de una sola linea, el GrialResize sólo extenderá el Width del control.
En cambio, si el texbox es de una sola linea, el GrialResize sólo extenderá el Width del control.
-
Si el comportamiento default no es el correcto, se puede colocar en la propiedad “'''Tag'''” del control deseado, un código que determina como se aplican los cambios de tamaño de la pantalla.
+
Si el comportamiento default no es el correcto, se puede colocar en la propiedad “'''Tag'''” del control deseado, un código que determina como se aplican los cambios de tamaño de la pantalla. Se pueden combinar los códigos que se ven a continuación:
{|border=1 cellpadding=6 cellspacing=0 align=center
{|border=1 cellpadding=6 cellspacing=0 align=center
-
|'''CODIGO en TAG'''||'''ACCION'''
+
| style=white-space:nowrap |'''CODIGO en TAG'''||'''ACCION'''
|-
|-
|'''Rsz=N'''||El control no se mueve.  
|'''Rsz=N'''||El control no se mueve.  
-
|-
 
-
|'''Rsz=WH'''||El cambio de tamaño se aplica a Width and Height. El control se extiende hacia abajo y hacia la derecha cuando se amplía la pantalla.
 
|-
|-
|'''Rsz=L'''||El cambio de tamaño se aplica a Left. El control se mantiene en el lado derecho cuando se amplía la pantalla.
|'''Rsz=L'''||El cambio de tamaño se aplica a Left. El control se mantiene en el lado derecho cuando se amplía la pantalla.
|-
|-
|'''Rsz=T'''||El cambio de tamaño se aplica a Top. El control se mueve hacia abajo cuando se amplía la pantalla.
|'''Rsz=T'''||El cambio de tamaño se aplica a Top. El control se mueve hacia abajo cuando se amplía la pantalla.
 +
|-
 +
|'''Rsz=W'''||El cambio de tamaño se aplica a Width. El control se expande hacia la derecha cuando se amplía la pantalla.
 +
|-
 +
|'''Rsz=H'''||El cambio de tamaño se aplica a Height. El control se expande hacia abajo cuando se amplía la pantalla.
|-
|-
|'''Rsz=LT'''||El cambio de tamaño se aplica a Left y aTop. El control baja y se mueve a la derecha cuando se amplía la pantalla.
|'''Rsz=LT'''||El cambio de tamaño se aplica a Left y aTop. El control baja y se mueve a la derecha cuando se amplía la pantalla.
 +
|-
 +
|'''Rsz=WH'''||El cambio de tamaño se aplica a Width and Height. El control se extiende hacia abajo y hacia la derecha cuando se amplía la pantalla.
|-
|-
|'''Rsz=Half Left'''||Mitad Izquierda. Usar para controles que ocupan la mitad izquierda de la pantalla. El cambio de tamaño se aplica al Width pero ½ del total de extensión. Equivalente a : Rsz=W,RszFX=2
|'''Rsz=Half Left'''||Mitad Izquierda. Usar para controles que ocupan la mitad izquierda de la pantalla. El cambio de tamaño se aplica al Width pero ½ del total de extensión. Equivalente a : Rsz=W,RszFX=2
Línea 70: Línea 74:
|-
|-
|'''/ 2'''||'''Dividido:''' “/2” fija el Factor X y el Factor Y (divisor) en 2.  
|'''/ 2'''||'''Dividido:''' “/2” fija el Factor X y el Factor Y (divisor) en 2.  
-
Por ejemplo: '''T/2, W/2, WH/2 o LT/4'''
+
Por ejemplo: '''Rsz=T/2, Rsz=W/2, Rsz=WH/2 o Rsz=LT/4'''
|-
|-
|}
|}

última version al 23:04 22 may 2013

Introducción al Framework Grial

Índice

Permite el cambio dinámico de tamaño de los controles dentro del documento en el evento UserDocument_Resize.


Contenido

Nota:

Es recomendable establecer el tamaño del formulario (UserDocument) en el momento de diseño, a 12000 x 8100 (twips) lo que lo hará que el módulo pueda visualizarse correctamente en una resolucion de 800x600 (pixels) para los usuarios que aún tengan esa resolución de pantalla.

Forma de uso:

Incorporar el componente “GrialResizeP” al proyecto. Colocar el componente desde el Toolbox en cualquier lugar de la pantalla, es invisible al momento de ejecución. Renombrarlo como “GrialResize”.

Agregar el siguiente código en el módulo:

Private Sub UserDocument_Resize()
  GrialResize.Resize Controls, MinWidth, MinHeight, ViewportWidth, ViewportHeight
End Sub

Configuración:

Cada tipo de control tiene un comportamiento default para el resize, determinado automáticamente según el tipo de control y su ubicación y tamaños iniciales. Por ejemplo, si un textbox es multiline y se extiende en todo el ancho y alto de la pantalla, el GrialResize lo agrandará junto con la pantalla. En cambio, si el texbox es de una sola linea, el GrialResize sólo extenderá el Width del control.

Si el comportamiento default no es el correcto, se puede colocar en la propiedad “Tag” del control deseado, un código que determina como se aplican los cambios de tamaño de la pantalla. Se pueden combinar los códigos que se ven a continuación:

CODIGO en TAG ACCION
Rsz=N El control no se mueve.
Rsz=L El cambio de tamaño se aplica a Left. El control se mantiene en el lado derecho cuando se amplía la pantalla.
Rsz=T El cambio de tamaño se aplica a Top. El control se mueve hacia abajo cuando se amplía la pantalla.
Rsz=W El cambio de tamaño se aplica a Width. El control se expande hacia la derecha cuando se amplía la pantalla.
Rsz=H El cambio de tamaño se aplica a Height. El control se expande hacia abajo cuando se amplía la pantalla.
Rsz=LT El cambio de tamaño se aplica a Left y aTop. El control baja y se mueve a la derecha cuando se amplía la pantalla.
Rsz=WH El cambio de tamaño se aplica a Width and Height. El control se extiende hacia abajo y hacia la derecha cuando se amplía la pantalla.
Rsz=Half Left Mitad Izquierda. Usar para controles que ocupan la mitad izquierda de la pantalla. El cambio de tamaño se aplica al Width pero ½ del total de extensión. Equivalente a : Rsz=W,RszFX=2
Rsz=Half Right Controles en la mitad derecha de la pantalla.

Equivalente a : Rsz=LW,RszFX=2

Rsz=Half Top Mitad superior. El cambio de tamaño se aplica a Width y Height, pero ½ del total de extensión. Debe usarse cuando un control ocupa la mitad superior de la pantalla y hay otros controles en la mitad inferior.

Equivalente a : Rsz=H,RszFY=2

Rsz=Half Bottom Controles en la mitad inferior de la pantalla.

Equivalente a : Rsz=TH,RszFY=2

Rsz=Quarter LT Cuarto de pantalla “Left Top”, superior izquierdo.

Equivalente a : Rsz=WH,RszFX=2,RszFY=2

Rsz=Quarter RT Cuarto de pantalla “Right Top”, superior derecho.

Equivalente a : Rsz=LH,RszFX=2,RszFY=2

Rsz=Quarter LB Cuarto de pantalla “Left Bottom”, inferior izquierdo.

Equivalente a : Rsz=TWH,RszFX=2,RszFY=2

Rsz=Quarter RB Cuarto de pantalla “Right Bottom”, inferior derecho.

Equivalente a : Rsz=LTWH,RszFX=2,RszFY=2

Códigos Avanzados

CODIGO en TAG ACCION
RszFx=n Factor X: Donde “n” es un divisor. Especifica el divisor para aplicar los cambios en el eje X (Left y Width). Por ejemplo, “Rsz=WH,RszFx=3” aplica cambios en el width y height del control, pero el cambio en width (eje x) lo hace sólo por 1/3 de la cantidad ampliada. Este caso es util para una pantalla que tenga 3 columnas de controles y este control se halle en la primer columna.
RszFy=n Factor Y: Idem para el eje Y (Top y Height)
/ 2 Dividido: “/2” fija el Factor X y el Factor Y (divisor) en 2.

Por ejemplo: Rsz=T/2, Rsz=W/2, Rsz=WH/2 o Rsz=LT/4



GrialTextStorage <<< >>> GrialAttach

Herramientas personales