Unità#
Risoluzione Indipendenza Approccio#
L’obiettivo dell’indipendenza della risoluzione è quello di rendere facile per le interfacce utente grafiche in Ubuntu Touch per scalare a tutti i fattori di forma che Ubuntu Touch obiettivi: telefoni, tablet, computer portatili e desktop. L’approccio preso coniuga semplicità per i designer e gli sviluppatori con fedeltà visiva, qualità e usabilità.
Unità di misura#
Unità di griglia o rete#
Un’unità di misura chiamata grid unit è definita, abbreviata gu. 1 unità di griglia si traduce in un dato numero di pixel a seconda del tipo di schermo su cui viene visualizzata l’interfaccia utente. Ad esempio, su un computer portatile 1 unità di griglia in genere si tradurrà a 8 pixel. Il numero di pixel per unità di griglia è scelto per preservare la dimensione visiva percepita degli elementi UI e quindi dipende dalla densità del display e dalla distanza che l’utente è sullo schermo. Garantiamo inoltre che 1 unità di griglia sia sempre un numero intero di pixel.
Dispositivo |
Conversione |
---|---|
La maggior parte dei computer portatili |
1 gu = 8 px |
Portatili alta DPI |
1 gu = 16 px |
Telefono con schermo da 4 pollici a risoluzione HD (circa 720x1280 pixel) |
1 gu = 18 px |
Tablet con schermo da 10 pollici a risoluzione HD (circa 720x1280 pixel) |
1 gu = 10 px |
Unità di densità#
Eccezionalmente, per accogliere i rari casi in cui sono necessarie misurazioni di meno di 1 gu è disponibile un’altra unità: il density indipendente pixel, abbreviato dp. 1 dp si traduce in genere a 1 pixel su computer portatili e telefoni cellulari a bassa densità e tablet.
Uso#
Item {
width: units.gu(2)
height: units.dp(1)
}
Dimensioni del dispositivo#
Unità di gliglia rete del dispositivo |
larghezza |
altezza |
---|---|---|
E5 (ritratto) |
42 |
72 |
M10 HD (paesaggio) |
160 |
97 |
M10 FHD (paesaggio) |
148 |
89 |
N5 (ritratto) |
47 |
80 |