QML如何像MacOSX dock的背景架子图像一样旋转图像

Question

MacOS Dock(以及许多类似的克隆)的背景图像是3d视角下的"架子"。

也就是说，如果你取一个正矩形，让它在三维空间中"向后倒"。

例如:http://www.loneblacksheep.pro/image/Download/Dock.gif

是否有可能用QML图像旋转来做到这一点?

Answer 1

查看QML Rotation Item

您可以将旋转原点设置为Rectangle下边界中心，然后在x轴上旋转。

---

编辑:

Rectangle {
  id: myDock
  width: 500
  height: 50
  color: "red"
  transform: Rotation {
    // Transform origin is the middle point of the lower border
    origin {
      x: myDock.width / 2
      y: myDock.height
    }
    axis {x: 1; y: 0; z: 0}
    angle: 45
  }
}