Saltar para o conteúdo principal
Versão: 20 R6 BETA

Imagens

4D inclui suporte específico para imagens utilizadas nos seus formulários.

Formatos Nativos Compatíveis

4D integra a gestão nativa dos formatos de imagem. Isso significa que imagens serão mostradas e armazenadas em seu formato original, sem qualquer interpretação em 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,

Os formatos de imagem mais comuns são compatíveis com ambas as plataformas: .jpeg, .gif, .png, .tiff, .bmp, etc. Em macOS, o formato pdf também está disponível para codificar e decodificar.

A lista completa dos formatos suportados varia de acordo com o sistema operativo e os codecs personalizados que são instalados nas 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 imagem não disponível

Um ícone específico é exibido para imagens salvas em um formato que não esteja disponível no mecanismo. A extensão do formato faltante é mostrado na parte inferior do ícone:

O ícone é usado automaticamente onde a imagem precisar ser exibida:

O ícone indica que a imagem não pode ser exibida ou manipulada localmente - mas pode ser salva sem alteração para que possa ser exibida em outros dispositivos. Por exemplo esse é o caso para imagens PDF em Windows ou para imagens no formato PICT.

Imagens em alta resolução

4D admite imagens de alta resolução tanto em plataformas MacOS como Windows. As imagens de alta resolução podem ser definidas quer por factor de escala quer por dpi.

Factor de escala

As telas de alta resolução têm uma densidade de pixels maior do que as telas padrão tradicionais. 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 exibiçãoFator de EscalaExemplo
Resolução ‘standard’Densidade de pixel 1:1.1x
circle.png
Alta resoluçãoA densidade de pixels aumentou por um factor de 2 ou 3.
2x3x
circle@2x.png
circle@3x.png

As imagens de alta resolução com a convenção @nx podem ser utilizadas nos seguintes objectos:

4D dá automaticamente prioridade às imagens com a resolução mais alta. Por exemplo, ao usar duas telas (uma de alta resolução e outra padrão) e mover um formulário de uma tela para outra, 4D renderiza automaticamente a resolução mais alta possível da imagem. Incluso si un comando o propiedad especifica circle.png, se utilizará circle@3x.png (si existe).

Note que a priorização da resolução ocorre apenas para a apresentação de imagens no ecrã, não havendo priorização automática durante a impressão.

DPI (macOS and Windows)

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:

OperaçãoComportamento
Soltar o pegarIf the picture has:
  • 72dpi or 96dpi - The picture is "Center" formatted and the object containing the picture has the same number of pixels.
  • Other dpi - The picture is "Scaled to fit" formatted and the object containing the picture is equal to (picture's number of pixels * screen dpi) / (picture's dpi)
  • No dpi - The picture is "Scaled to fit" formatted.
Tamaño automático (menú contextual del editor de formularios)If the picture's display format is:
  • Scaled - The object containing the picture is resized according to (picture's number of pixels * screen dpi) / (picture's dpi)
  • Not scaled - The object containing the picture has the same number of pixels as the picture.

(*) Normalmente, macOS = 72 dpi, Windows = 96 dpi

Imagens em modo escuro (apenas 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.

Uma imagem em modo escuro é definida da seguinte forma:

  • la imagen en modo oscuro tiene el mismo nombre que la versión estándar (modo claro) con el sufijo "_dark"
  • a imagem do modo escuro é guardada ao lado da versão padrão.

En tiempo de ejecución, 4D cargará automáticamente la imagen clara u oscura según el modo de colores de formulario actual.

Coordenadas do mouse numa imagem

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. Esse mecanismo, similar ao de um mapa de imagens, pode ser utilizado, por exemplo, para manejar barras de botões deslocáveis ou a interface de um software de cartografia.

The coordinates are returned in the MouseX and MouseY System Variables. As coordenadas são expressas em píxeis em relação ao canto superior esquerdo da imagem (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.