Imágenes
4D soporta específicamente las imágenes utilizadas en sus formularios.
Formatos nativos soportados
4D integra la gestión nativa de los formatos de imagen. Esto significa que las imágenes se mostrarán y almacenarán en su formato original, sin ninguna interpretación en 4D. The specific features of the different formats (shading, transparent areas, etc.) will be retained when they are copied and pasted, and will be displayed without alteration. Este soporte nativo es válido para todas las imágenes almacenadas en los formularios de 4D: imágenes estáticas pegadas en el modo Diseño, imágenes pegadas en objetos de entrada en ejecución,
Los formatos de imagen más comunes son soportados en ambas plataformas: .jpeg, .gif, .png, .tiff, .bmp, etc. En macOS, el formato .pdf también está disponible para su codificación y descodificación.
La lista completa de formatos soportados varía según el sistema operativo y los códecs personalizados que estén instalados en las máquinas. Para saber qué códecs están disponibles, debe utilizar el comando
PICTURE CODEC LIST(ver también la descripción de tipo de datos imagen).
Formato de imagen no disponible
Se muestra un icono específico para las imágenes guardadas en un formato que no está disponible en la máquina. La extensión del formato que falta se muestra en la parte inferior del icono:
El icono se utiliza automáticamente en todos los lugares en los que se pretende visualizar la imagen:
Este icono indica que la imagen no puede ser visualizada o manipulada localmente, pero puede ser guardada sin alteraciones para que pueda ser visualizada en otras máquinas. Este es el caso, por ejemplo, para las imágenes PDF en Windows, o las imágenes en formato PICT.
Imágenes de alta resolución
4D soporta imágenes de alta resolución tanto en plataformas macOS como Windows. Las imágenes de alta resolución pueden definirse por el factor de escala o dpi.
Factor de escala
Las pantallas de alta resolución tienen una mayor densidad de píxeles que las pantallas estándar tradicionales. Para que las imágenes se muestren correctamente en pantallas de alta resolución, el número de píxeles de la imagen debe multiplicarse por el factor de escala (es decir, dos veces más grande, tres veces más grande, etc.).
Cuando se utilizan imágenes de alta resolución, se puede especificar el factor de escala añadiendo "@nx" en el nombre de la imagen (donde n designa el factor de escala). En la tabla siguiente, puede ver que el factor de escala se indica en los nombres de las imágenes de alta resolución, _circle@2x.png_ y _circle@3x.png_.
| Tipo de visualización | Factor de escala | Ejemplo | ||||
|---|---|---|---|---|---|---|
| Resolución estándar | densidad de pixel 1:1. | 1x circle.png | ||||
| Alta resolución | La densidad de píxeles se ha multiplicado por 2 o 3. |
|
Las imágenes de alta resolución con la convención @nx pueden utilizarse en los siguientes objetos:
- Static pictures
- Botones/radio/casillas de selección
- Botones imagen/imagen Pop-up
- Tab controls
- List box headers
- Menu icons
4D prioriza automáticamente las imágenes con mayor resolución. 4D prioriza automáticamente las imágenes con mayor resolución. Incluso si un comando o propiedad especifica circle.png, se utilizará _circle@3x.png_ (si existe).
Tenga en cuenta que la priorización de la resolución sólo se produce para la visualización de imágenes en pantalla, no se realiza una priorización automática al imprimir.
DPI
Aunque 4D prioriza automáticamente la resolución más alta, existen, sin embargo, algunas diferencias de comportamiento en función de los ppp de la pantalla y de la imagen*(*)*, y del formato de la imagen:
| Operación | Comportamiento |
|---|---|
| Soltar o pegar | If the picture has:
|
| Tamaño automático (menú contextual del editor de formularios) | If the picture's display format is:
|
(*) Typically, macOS = 72dpi, Windows = 96dpi
Imágenes en modo oscuro (sólo en macOS)
Puede definir imágenes e iconos específicos que se utilizarán en lugar de las imágenes estándar cuando los formularios utilicen el esquema oscuro.
Una imagen en modo oscuro se define de la siguiente manera:
- la imagen en modo oscuro tiene el mismo nombre que la versión estándar (modo claro) con el sufijo "
_dark" - la imagen en modo oscuro se almacena junto a la versión estándar.
En tiempo de ejecución, 4D cargará automáticamente la imagen clara u oscura según el modo de colores de formulario actual.
Coordenadas del ratón en una imagen
4D lets you retrieve the local coordinates of the mouse in an input object associated with a picture expression, in case of a click or a hovering, even if a scroll or zoom has been applied to the picture. Este mecanismo, similar al de un mapa de imágenes, puede utilizarse, por ejemplo, para manejar barras de botones desplazables o la interfaz de un software de cartografía.
Las coordenadas se devuelven en las MouseX and MouseY Variables Sistema. Las coordenadas se expresan en píxeles con respecto a la esquina superior izquierda de la imagen (0,0). Si el ratón está fuera del sistema de coordenadas de la imagen, se devuelve -1 en MouseX y MouseY.
You can get the value of these variables as part of the On Clicked, On Double Clicked, On Mouse up, On Mouse Enter, or On Mouse Move form events.