Ponto Lógico vs Pixel

.html ›› .html ›› .html ››
Parent Previous Next

Ponto Lógico vs Pixel

Todas as dimensões ligadas à interface do Lua Form são medidas em pontos lógicos ao invés de pixels.

O que é um ponto lógico?

Ponto lógico é um "pixel virtual" que você deve usar quando estiver definindo as interfaces visuais para expressar tamanho ou posição de forma independente da densidade da tela dos dispositivos.

O que é densidade da tela?

Representa a quantidade de pixels dentro de uma área física da tela de um dispositivo. A densidade é comumente medida em ppi (points per inch - pontos por polegada).


Telas de alta densidade possuem mais pixels em uma área (uma polegada² ou centímetro², por exemplo) do que uma tela de menor densidade em uma mesma área. Quanto maior a densidade de pixels, mais definida e "bonita" é a tela.

Um monitor LED padrão de computador desktop possui por volta de 100ppi, um celular Motorolla Moto G possui 326ppi

A quanto equivale um ponto lógico?

O valor real de um ponto lógico varia de dispositivo para dispositivo, conforme sua densidade de pixels.


Densidade de Pixels

Equivalência

Exemplos de dispositivos

Interface de baixa densidade de pixels.

1 ponto lógico = 0,75 pixels

Celulares Androids de baixa densidade de pixels.


Interface de média densidade de pixels.


1 ponto lógico = 1 pixel

Computadores padrões, dispositivos iOS sem retina.

Interface de alta densidade de pixels.

1 ponto lógico = 1,5 pixels

Computadores configurados para textos ampliados, celulares Androids de alta resolução (Moto G ou Zenfone, por exemplo).


Interface de altíssima densidade de pixels.

1 ponto lógico = 2 pixels

Google Nexus 7, dispositivos iOS com retina.


Interface de super densidade de pixels.


1 ponto lógico = 3 pixels

Google Nexus 5, Galaxy S4.


O que isso tudo significa?

Que o SDK 3 lida automaticamente com as diferentes densidades de telas automaticamente para você. 

Normalmente você pode definir sua interface sem preocupações como se 1 ponto lógico equivalesse a 1 pixel. 


Arquivo de imagens e pontos lógicos.

Os arquivos de imagens (.png, jpg, bmp, etc..) possuem dimensões medidas em pixels. Ao usar estas imagens em uma interface medida em pontos lógicos, o SDK3 poderá automaticamente fazer conversões de tamanho para você.


Exemplo: O comportamento de uma imagem de 64x64 pixels usada em uma tag image de largura 64 e altura 64, será diferente para cada densidade de pixels:


Equivalência

Comportamento

1 ponto lógico = 0,75 pixels

A imagem será reduzida para 48x48 pixels antes de ser desenhada.


1 ponto lógico = 1 pixel

A imagem será desenhada como é, sem escala.


1 ponto lógico = 1,5 pixels

A imagem será ampliada para 96x96 pixels antes de ser desenhada.


1 ponto lógico = 2 pixels

A imagem será ampliada para 128x128 pixels antes de ser desenhada.


1 ponto lógico = 3 pixels

A imagem será ampliada para 192x192 pixels antes de ser desenhada.


Created with the Personal Edition of HelpNDoc: Elevate Your Help Documentation with a Help Authoring Tool