Ponto Lógico vs Pixel¶
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