AnchorChanges QML Element

TheAnchorChanges element allows you to change the anchors of an item in a state.More...

• List of all members, including inherited members

Properties

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

Detailed Description

TheAnchorChanges element is used to modify the anchors of an item in aState.

AnchorChanges cannot be used to modify the margins on an item. For this, usePropertyChanges intead.

In the following example we change the top and bottom anchors of an item usingAnchorChanges, and the top and bottom anchor margins usingPropertyChanges:

import QtQuick 1.0Rectangle {id:windowwidth:120;height:120color:"black"Rectangle {id:myRect;width:50;height:50;color:"red" }states:State {name:"reanchored"AnchorChanges {target:myRectanchors.top:window.topanchors.bottom:window.bottom        }PropertyChanges {target:myRectanchors.topMargin:10anchors.bottomMargin:10        }    }MouseArea {anchors.fill:parent;onClicked:window.state="reanchored" }}

AnchorChanges can be animated usingAnchorAnimation.

//animate our anchor changesTransition {AnchorAnimation {}}

Margin animations can be animated usingNumberAnimation.

For more information on anchors seeAnchor Layouts.

Property Documentation

AnchorChanges {target:myItemanchors.left:undefined//remove myItem's left anchoranchors.right:otherItem.right}