アイテム座標

Qt Quick Ultralite で使用されるデフォルトの視覚座標系は、アイテム座標です。これは、アイテムの左上隅を (0,0) とするデカルト座標系です。x 軸は右方向に、y 軸は下方向に伸びるため、アイテムの右下隅は座標 (width, height) になります。

個々のアイテムの位置は、その親の座標系を基準として指定されます。つまり、兄弟アイテム以外のアイテムからx やy の値を読み取る場合、それらを同じ座標系に変換する必要がある場合があります。このような場合、中間座標系としてシーン座標が使用されることがよくあります。

具体例

以下のQMLコードは、点を追加して位置を識別できるようにした正方形の配置を作成します：

Rectangle {
    width: 200
    height: 200
    color: "red"

    Rectangle {
        x: 100
        y: 100
        width: 100
        height: 100
        color: "blue"

        Rectangle {
            width: 50
            height: 50
            color: "green"
        }
    }
}

この画像では、黒い点は赤い長方形のアイテム座標系において (0,0) の位置にあります。もし赤い長方形がシーンのルートアイテムであるならば、黒い点はシーン座標系においても (0,0) の位置に配置されることになります。

青い長方形は、赤い長方形の左上隅を基準として、白い点の位置である (100,100) にあります。

緑色の長方形にはx とy が指定されていないため、その位置はデフォルトで(0,0)になります。親である青い長方形の座標系において(0,0)にあるため、その長方形の左上隅に位置しています。 これは、赤い長方形の座標系における (100,100) の白い点と同じ位置です。