web-dev-qa-db-fra.com

Que signifie .gu?

Que signifie .gu?

Par exemple:

ConditionalLayout {
    name: "row"
    when: layouts.width > units.gu(50) //right here
    Row {
        anchors.fill: parent etc....
application-developmentubuntu-touchqml
5
Akiva

gu est l'abréviation de grid unit.

Depuis le manuel de l'interface utilisateur :

Unités de mesure

Une nouvelle unité de mesure est définie, appelée unité de grille, en abrégé gu. 1 unité de grille se traduit par un nombre donné de pixels en fonction du type d'écran sur lequel l'interface utilisateur est affichée. Par exemple, sur un ordinateur portable, 1 unité de grille se traduira généralement par 8 pixels. Le nombre de pixels par unité de grille est choisi afin de préserver la taille visuelle perçue des éléments de l'interface utilisateur et dépend donc de la densité de l'affichage et de la distance de l'utilisateur à l'écran. Nous nous assurons également qu'une unité de grille est toujours un nombre entier de pixels.

Exemples

  • La plupart des ordinateurs portables 1 gu = 8 px
  • Ordinateurs portables Retina 1 gu = 16 px
  • Téléphone avec écran 4 pouces en résolution HD (environ 720x1 280 pixels) 1 gu = 18 px
  • Tablette avec écran 10 pouces en résolution HD (environ 720x1 280 pixels) 1 gu = 10 px

Donc, si vous basez toutes vos mesures sur des GU, chaque appareil aura l'air comme prévu.

Exemple

Si la taille de destination du bitmap est de 10 gu * 10 gu et que le développeur cible un appareil qui a 18 pixels par unité de grille (1 gu = 18 px), le bitmap doit toujours être créé comme si 1 gu = 30 px, ce qui se traduit par un bitmap 300 px * 300 px. Lors des tests sur l'appareil, le bitmap sera redimensionné d'un facteur 30/18 = 1,66667.

Extra: pour des mesures inférieures à 1 pixel, vous utilisez "units.dp" de la même manière.

7
Rinzwind