AnchorChanges QML Type

Gibt an, wie die Verankerungen eines Elements in einem Zustand zu ändern sind. Mehr...

• Liste aller Mitglieder, einschließlich geerbter Mitglieder

Eigenschaften

• anchors
  • anchors.baseline : AnchorLine
  • anchors.bottom : AnchorLine
  • anchors.horizontalCenter : AnchorLine
  • anchors.left : AnchorLine
  • anchors.right : AnchorLine
  • anchors.top : AnchorLine
  • anchors.verticalCenter : AnchorLine
• target : Item

Detaillierte Beschreibung

Der Typ AnchorChanges wird verwendet, um die Verankerungen eines Elements in einer State zu ändern.

AnchorChanges kann nicht verwendet werden, um die Ränder eines Elements zu ändern. Verwenden Sie dafür stattdessen PropertyChanges.

Im folgenden Beispiel werden die oberen und unteren Anker eines Elements mit AnchorChanges und die oberen und unteren Ankerränder mit PropertyChanges geändert:

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 kann mit AnchorAnimation animiert werden.

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

Änderungen an den Ankerrändern können mit NumberAnimation animiert werden.

Weitere Informationen zu Ankern finden Sie unter Anker-Layouts.

Dokumentation der Eigenschaften

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