QML中的AnchorChanges锚布局改变元素

AnchorChanges用来改变锚布局，其实你完全可以用属性来进行，这个元素不过是对属性的细化而已。

一个简单的单击鼠标改变锚布局属性的例子：

 

import QtQuick 2.4
import QtQuick.Window 2.2

Window {
    id:rootItem
    visible: true
    width: 400
    height: 500
    MouseArea {
        anchors.fill: parent
        onClicked: {

                 redRect.state="clicked"//QML的调试真的很烂，这里我开始多写了一个等号，不能执行，但是不报错
        }
    }
    Rectangle{
        id:blueRect
        x:8
        y:8
        width: 100
        height: 100
        color: "blue"
    }
    Rectangle{
        id:redRect
        width: 100
        height: 100
        color: "red"
        anchors.left: blueRect.right
        anchors.top: blueRect.top
        states: [
            State {
                name: "default"
                AnchorChanges {
                    target: blueRect
                    anchors.left: blueRect.right