QML Comment faire pivoter l'image comme l'image de l'étagère de fond du dock MacOSX

Question

L'image d'arrière-plan du Dock de MacOS (et de nombreux clones similaires) est une "étagère" en perspective 3D.

C'est comme si vous preniez un rectangle standard et le faisiez "tomber en arrière" dans l'espace 3D.

Par exemple : http://www.loneblacksheep.pro/image/Download/Dock.gif

Est-il possible de faire cela avec une rotation d'image QML ?

Merci d'avance.

Answer 1

Jetez un œil à l'élément QML Rotation.

Vous pouvez définir l'origine de la rotation sur le centre inférieur de votre Rectangle, puis effectuer une rotation sur l'axe des x.

---

Éditer :

Rectangle {
  id: myDock
  width: 500
  height: 50
  color: "red"

  transform: Rotation {

    // L'origine de la transformation est le point médian de la bordure inférieure
    origin {
      x: myDock.width / 2
      y: myDock.height
    }

    axis {x: 1; y: 0; z: 0}
    angle: 45
  }

}