Back to Qt.io
Contact Us Blog Download Qt

AnchorChanges QML Type

ステート内のアイテムのアンカーを変更する方法を指定します。詳細...

Import Statement: import QtQuick

プロパティ

詳細説明

AnchorChanges 型は、State 内の項目のアンカーを変更するために使用されます。

AnchorChanges は、アイテムのマージンを変更するために使用することはできません。その場合はPropertyChanges を使用してください。

次の例では、AnchorChanges を使ってアイテムの上下のアンカーを変更し、PropertyChanges を使って上下のアンカーのマージンを変更しています：

import QtQuick

Rectangle {
    id: window
    width: 120; height: 120
    color: "black"

    Rectangle { id: myRect; width: 50; height: 50; color: "red" }

    states: State {
        name: "reanchored"

        AnchorChanges {
            target: myRect
            anchors.top: window.top
            anchors.bottom: window.bottom
        }
        PropertyChanges {
            target: myRect
            anchors.topMargin: 10
            anchors.bottomMargin: 10
        }
    }

    MouseArea { anchors.fill: parent; onClicked: window.state = "reanchored" }
}

AnchorChanges はAnchorAnimation を使ってアニメーションさせることができます。

//animate our anchor changes
Transition {
    AnchorAnimation {}
}

アンカーのマージンの変更は、NumberAnimation を使ってアニメーション化することができます。

アンカーの詳細については、アンカーレイアウトを参照してください。

プロパティ・ドキュメンテーション

anchors group

anchors.baseline : AnchorLine

anchors.bottom : AnchorLine

anchors.horizontalCenter : AnchorLine

anchors.left : AnchorLine

anchors.right : AnchorLine

anchors.top : AnchorLine

anchors.verticalCenter : AnchorLine

これらのプロパティは、アイテムのそれぞれのアンカーを変更します。

アンカーをリセットするには、undefined を割り当てます：

AnchorChanges {
    target: myItem
    anchors.left: undefined          //remove myItem's left anchor
    anchors.right: otherItem.right
}

target : Item

このプロパティは、アンカーの変更が適用されるItem を保持します。


本ドキュメントに含まれる文書の著作権は、それぞれの所有者に帰属します。 本書で提供されるドキュメントは、Free Software Foundation が発行したGNU Free Documentation License version 1.3に基づいてライセンスされています。 Qtおよびそれぞれのロゴは、フィンランドおよびその他の国におけるThe Qt Company Ltd.の 商標です。その他すべての商標は、それぞれの所有者に帰属します。