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

Question

MacOS Dock（以及许多此类克隆）的背景图像是 3d 透视图中的“架子”。

也就是说，如果你取一个常规矩形并让它在 3d 空间中“倒退”。

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

是否可以通过 QML 图像旋转来做到这一点？

提前致谢。

Answer 1

看看 QMLRotation项目。

您可以将旋转原点设置为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
  }

}