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