Definir las propiedades de visualización de los objetos

Todos los objetos en un formulario tienen propiedades para definir su apariencia, su visualización y su redimensionamiento en modo Aplicación. Estas propiedades están disponibles utilizando la Lista de propiedades (ver la sección El editor de formularios).

Las propiedades específicas de los objetos dinámicos se cubren en los siguientes capítulos: Trabajar con objetos activos, List boxes y Subformularios y widgets.

Para definir el tamaño de un objeto en el editor de formularios, puede:

• Mover una de sus marcas de selección.
• Redimensionar el objeto píxel por píxel utilizando la tecla Ctrl (Windows) o Comando (Mac OS) y las teclas de flechas.
• Redimensionar el objeto por pasos (por defecto, 20 píxeles a la vez).
• Introducir manualmente las nuevas dimensiones del objeto en la Lista de propiedades.

El redimensionamiento de un objeto vía sus marcas de selección se efectúa de manera estándar. Si presiona la tecla Mayús y arrastra la marca, el movimiento es restringido. Las líneas sólo pueden ser verticales, horizontales o a 45°, los rectángulos cuadrados y los óvalos circulares. Si la alineación magnética está activa, el redimensionamiento
manual se efectuará en incrementos de 5 píxeles. Para mayor información, consulte el párrafo Utilizar la alineación magnética.

Para redimensionar un objeto píxel por píxel, seleccione el objeto y mantenga presionada la tecla Ctrl (Windows) o Comando (Mac OS) y use las teclas de flecha para redimensionar el objeto. Las teclas Arriba o Abajo redimensionan la altura del objeto, mientras las teclas Izquierda o Derecha redimensionan el ancho del objeto. Al mantener presionada la tecla Mayús al mismo tiempo se efectúa el redimensionamiento por pasos (por defecto, los pasos son de 20 píxeles). Puede cambiar este valor en la Página Formularios de las Preferencias.

Para mover o redimensionar un objeto introduciendo manualmente sus coordenadas, selecciónelo y luego despliegue el tema “Coordenadas y dimensiones” en la Lista de propiedades. Las coordenadas del objeto se expresan en píxeles, centímetros, o pulgadas (dependiendo de la regla). El origen de las coordenadas (0,0) se ubica en la parte superior izquierda del formulario. Introduzca los nuevos valores en las áreas de entrada de las coordenadas.

4D mueve los bordes del objeto de acuerdo a los valores introducidos. Según estos valores, puede que el objeto se mueva, redimensione o las dos cosas.

Nota: en un contexto multiplataforma, la aplicación de hojas de estilo puede hacer que la altura del objeto varie ya que su altura se ajusta automáticamente de manera que sea un múltiplo de la altura de la fuente definida para la plataforma actual. Para mayor información sobre las hojas de estilo, consulte el capítulo Hojas de estilo.

Puede redimensionar las áreas de texto estático y las imágenes para obtener una visualización óptima teniendo en cuenta sus características gráficas actuales (tamaño de fuente, estilo, etc.):

1. Haga clic derecho en el objeto y elija el comando Tamaño automático en el menú contextual.
   O
   Presione la tecla Ctrl (bajo Windows) o Comando (bajo Mac OS) y haga clic en la esquina inferior derecha del objeto.
   

Este comando produce los siguientes efectos:

• Las áreas de texto estático, casillas de selección, botones de opción y los botones se redimensionan de manera que su contenido corresponda exactamente a sus limites.
• Los campos y variables se redimensionan de manera que su altura corresponda al tamaño de la fuente y su ancho sea 100 puntos, si el tamaño del objeto es mayor que este tamaño mínimo, el comando no tiene efecto.
• Imágenes y botones imagen se visualizarán utilizando el tamaño original de la imagen fuente.
• Las áreas de desplazamiento y las listas jerárquicas se visualizan a una altura de acuerdo con el tamaño de la fuente actual.
• Los combo boxes, menús/listas desplegables y menús desplegables jerárquicos, se visualizan con su altura mínima por defecto si la altura actual es insuficiente.

En modo Aplicación, cuando un usuario redimensiona la ventana de un formulario, los objetos que contiene pueden redimensionarse o desplazarse.

La redimensión automática se lleva a cabo cuando un usuario redimensiona una ventana de un formulario. La redimensión automática hace que un objeto se agrande al agrandar el formulario, o se reduzca al reducir el tamaño de la ventana. Por ejemplo, si utiliza un rectángulo que contiene los campos en un formulario de entrada, la redimensión automática hace que el rectángulo crezca hacía los bordes de la ventana cuando el usuario aumente el tamaño de la ventana.

También puede activar el reposicionamiento automático. El reposicionamiento automático mueve un objeto horizontal o verticalmente a medida que el formulario es redimensionado. Cuando el reposicionamiento automático está activo, 4D intenta mantener el objeto a la vista cuando el usuario reduce el tamaño de la ventana. Por ejemplo, si el usuario redimensiona una fila de botones de manera que algunos botones queden ocultos, la reposición automática trata de mover los botones vertical u horizontalmente, para que permanezcan a la vista.

El redimensionamiento y el desplazamiento automático se definen en las propiedades de los objetos. Hay dos líneas, Dimensionamiento horizontal y Dimensionamiento vertical, para las cuales puede asignar tres propiedades (Ninguno, Agrandar y Mover).

Las opciones de reposicionamiento permiten a los objetos moverse en la dirección especificada para permanecer visibles.

Cuando se utiliza la opción Ninguno, el objeto permanece quieto al redimensionar el formulario.

En 4D, el extremo inferior derecho de las ventanas se puede utilizar para definir los límites por defecto. Esto significa que los objetos que se encuentran a la derecha o abajo de los límites de la ventana en la pantalla, son automáticamente desplazados hacia la derecha o hacia abajo cuando se aumenta el tamaño de la ventana:

Nota: este principio no funciona con ventanas que tienen barras de desplazamiento.

Puede asociar la propiedad Invisible por defecto a la mayoría de los objetos de formulario.

Esta propiedad simplifica el desarrollo de interfaces dinámicas. En este contexto, con frecuencia es necesario ocultar objetos por programación durante el evento On load del formulario para luego mostrar unos cuantos de ellos.

La propiedad Invisible por defecto permite invertir esta lógica, haciendo invisibles por defecto ciertos objetos. El desarrollador puede luego programar su despliegue con el comando OBJECT SET VISIBLE de acuerdo al contexto. Para mayor información sobre este comando, consulte el manual de Lenguaje 4D. 

Nota: no confunda esta propiedad con la propiedad Invisible de los menús desplegables, que permite no dibujar el objeto mientras lo deja activo.

Puede definir la interfaz de la plataforma para cada objeto por separado, para hacerlo tiene las siguientes opciones:

• Heredada del formulario: la interfaz de la plataforma del objeto es la misma del formulario. La interfaz de la plataforma del formulario se define en las Propiedades de los formularios.
• Sistema: sin importar la plataforma definida a nivel del formulario, el objeto se dibuja en función de la plataforma de ejecución de la aplicación.
• Impresión: sin importar la plataforma definida a nivel del formulario, el objeto se dibuja de manera que sea apropiado para impresión.

Nota: si la base fue convertida de una versión anterior de 4D, las propiedades adicionales de plataforma están disponibles. Para mayor información sobre las propiedades de plataforma, consulte la sección Propiedades de los formularios.

Las propiedades de fondo y borde permiten modificar las líneas de bordes y la apariencia gráfica de los objetos.

El atributo Transparente está disponible en el tema "Fondo y borde" para los objetos que pueden ser opacos o transparentes: campos, variables, list boxes, botones, imágenes o textos estáticos, etc. Puede cambiar el fondo del objeto a transparente de manera que tome el color o patrón del fondo del formulario.

Los siguientes ejemplos muestran una imagen estática sin y con el atributo Transparente:

Puede definir el estilo de borde para la mayoría de los objetos utilizando el tema "Fondo y borde" de la Lista de propiedades o el submenú Estilo del borde del menú contextual. Tiene las siguientes opciones disponibles:

• Transparente: los objetos aparecen sin borde.
• Plano: los objetos aparecen bordeados por una línea continua de 1 punto.
• Punteado: los objetos aparecen bordeados por una línea punteada de 1 punto.
• Elevado: los objetos aparecen bordeados con un efecto 3D elevado
• Profundo: los objetos aparecen bordeados con un efecto 3D profundo.
• Doble: los objetos aparecen bordeados con una línea doble, es decir, dos líneas continuas de 1 punto, separadas por 1 píxel.
• Sistema: bajo Windows, los objetos aparecen con bordes estándar, es decir, una línea azul de 1 punto. Bajo Mac OS, se utiliza el equivalente de la opción Profundo.

La siguiente imagen compara estos estilos en Windows utilizando la plataforma “Sistema”:

Para mayor información sobre los efectos de estas opciones en los diferentes objetos de formularios, consulte la sección Botones y la sección  Casillas de selección.

4D le permite especificar diferentes anchos para las líneas y los objetos que las utilicen tales como óvalos, cuadrículas y rectángulos.

Puede especificar el ancho de línea utilizando el comando Ancho de línea del menú Objeto o en la Lista de propiedades:

Elija uno de los anchos de línea. La primera opción de este menú es Línea fina, es decir, la línea más delgada que puede imprimir una impresora, seguida por las líneas de 1, 2, 3 ó 4 puntos. Si elije Otros, 4D muestra una caja de diálogo en la cual puede especificar hasta de 20 puntos.

Puede aplicar un patrón de fondo a cualquier objeto gráfico bidimensional en el formulario como un óvalo, un rectángulo, una línea, una cuadrícula y el área interior de un objeto de texto.

Puede seleccionar el patrón de relleno utilizando el comando Fondo en el menú Objeto o desde la Lista de propiedades.

Puede definir los patrones de borde para todo objeto en el formulario que tenga borde, como un óvalo, un rectángulo y una cuadrícula. Los patrones de borde disponibles son los mismos patrones de fondo. La apariencia del borde también depende del ancho de línea especificado para el borde.

Puede seleccionar el patrón de borde utilizando el comando Borde en el menú Objeto o la lista de propiedades.

4D le permite aplicar colores a los objetos para mostrarlos en pantalla o imprimirlos (si su impresora es a color). Combinando colores y patrones sus posibilidades son casi infinitas.

Puede definir diferentes colores para los píxeles de fondo y primer plano. En una pantalla a color, la mezcla de colores de fondo y primer plano le permite crear formas y matices personalizados.

En la Lista de propiedades, el color de fondo se denomina Color del fondo y el color de primer plano se denomina Color de la línea. Para objetos con texto, el color del texto corresponde al Color de letras.

Puede definir los colores de fondo y primer plano utilizando el comando Color del menú Objeto o en el menú contextual del editor, o en la Lista de propiedades.

Si elige la opción Automática para los colores de fondo y primer plano, los colores que se utilizarán serán los colores de su sistema operativo. Puede seleccionar la opción Automática seleccionando Primer plano o Fondo, en el submenú Color del menú Objeto o en el menú contextual.

La Lista de propiedades ofrece la opción Otra, que le permite utilizar la paleta de colores del sistema para definir un color personalizado.

Es posible definir los atributos de objetos de tipo texto en las propiedades del objeto de la Lista de propiedades o utilizando los submenús Fuente y Estilo del menú Objeto.

Puede definir los siguientes atributos:

• Fuente: el tipo de fuente de texto.
• Estilo: los estilos incluyen normal, negrita e itálica.
• Hoja de estilo (Lista de propiedades únicamente): asocia una hoja de estilo al objeto. Para mayor información sobre hojas de estilos, consulte el capítulo Hojas de estilo.
• Tamaño: tamaño de la fuente medido en puntos.
• Alineación: ubicación del texto dentro del área que lo contiene.
• Color: el color de fuente equivale al color del primer plano (ver el párrafo Colores de fondo y primer plano).