应用镜像变换翻转/反射QML控件

Question

可以在QML中水平翻转/反射形状项。例如，我的形状如下：

​

​

我是否可以水平地翻转/反映它以产生：

​

​

我知道我可以编辑我的QML代码来绘制不同的线条，但是如果可能的话，只使用QML动画或者其他什么东西就会简单得多。

Shape {
    id: annotationHLine;
    anchors.left: annotationShp.right;
    anchors.top: annotationShp.top;
    anchors.topMargin: annotationShp.height * 0.5;

    ShapePath {
        strokeWidth: 2;
        strokeColor: "Green";
        fillColor: "transparent";
        startX: -slant; startY: 0;
        PathLine { x: relativeTargetX*0.5; y: 0 }
        PathLine { x: relativeTargetX; y: relativeTargetY }
    }
}

Answer 1

是的，您可以，只需将水平镜像转换矩阵设置为形状：

transform: Matrix4x4 {
      matrix: Qt.matrix4x4(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

编辑：

x的位置并没有真正改变，它仍然是一样的，只是对象现在是用转换呈现的。您可以通过在矩阵的顶部堆叠一个转换来弥补这一点：

transform: [
  Matrix4x4 {
    matrix: Qt.matrix4x4(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
  },
  Translate {
    x: annotationHLine.width
  }
]

编辑2：

实际上，您可以将翻译合并到原始矩阵中，以简化一些事情：

transform:  Matrix4x4 {
    matrix: Qt.matrix4x4( -1, 0, 0, but.width, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  }

Answer 2

您可以使用转换和缩放。

transform: Scale{ xScale: -1 }