import QtQuick 2.4
import QtQuick.Window 2.2

Window {
    id: root
    visible: true
    width: 250
    height: 200

    Text {
        anchors.top: parent.top
        anchors.topMargin: 10

        text: "Click to enable/disable AA"
    }

    property bool enableAA: true
    MouseArea {
        anchors.fill: parent
        onClicked: root.enableAA = !root.enableAA
    }

    Row {
        anchors.centerIn: parent
        spacing: 10
        Rectangle {

            width: 80
            height: 80
            color: "orange"
            Item {
                id: rotate
                anchors.fill: parent

                Rectangle {
                    y: (parent.height)/4
                    x: (parent.width-width) / 2
                    width: parent.width / 2
                    height: parent.height / 4
                    color: "white"
                    antialiasing: root.enableAA
                }
                Rectangle {
                    y: parent.height/2
                    x: (parent.width-width) / 2
                    width: parent.width / 2
                    height: parent.height / 4
                    color: "white"
                    antialiasing: root.enableAA
                }
            }
        }
        Rectangle {
            width: 80
            height: 80
            color: "orange"
            Item {
                id: rotate2
                anchors.fill: parent

                Rectangle {
                    id: l1
                    anchors.top: parent.top
                    anchors.topMargin: l1.height
                    anchors.left: parent.left
                    anchors.leftMargin: l1.width/2
                    width: parent.width / 2
                    height: parent.height / 4
                    color: "white"
                    antialiasing: root.enableAA
                }
                Rectangle {
                    anchors.top: l1.bottom
                    anchors.left: l1.left
                    width: parent.width / 2
                    height: parent.height / 4
                    color: "white"
                    antialiasing: root.enableAA
                }
            }
        }
    }

    RotationAnimator {
        target: rotate
        from: 0
        to: 360
        loops: Animation.Infinite
        duration: 2000
        running: true
    }

    RotationAnimator {
        target: rotate2
        from: 0
        to: 360
        loops: Animation.Infinite
        duration: 2000
        running: true
    }
}