examples/QtQuick/testqml/qml/testqml/main.qml

import QtQuick 1.0
import com.nokia.symbian 1.0

ApplicationWindow {
    id: window

    function setStateIfFound(target, name) {
        for (var i = 0; i < target.states.length; i++) {
            var curState = target.states[i];
            if(curState.name == name) {
                target.state = name
                break
            }
        }
    }

    ToolBarLayout {
        id: commonTools
        ToolButton {
            flat: true
            iconSource: "image://theme/qtg_toolbar_back"
            onClicked: pageStack.depth <= 1 ? Qt.quit() : pageStack.pop()
        }
        ToolButton {
            flat: true
            iconSource: "image://theme/qtg_toolbar_options"
        }
    }

    Page {
        id: page
        anchors.fill: parent
        tools: commonTools

        Component.onCompleted: {
            if(screen.currentOrientation == Screen.Portrait) {
                setStateIfFound(page, "PortraitState")
            } else if(screen.currentOrientation == Screen.Landscape) {
                setStateIfFound(page, "LandscapeState")
            }
        }

        TextArea {
            id: textArea
            height: 304
            text: "#Text Area"
            anchors.top: parent.top
            anchors.topMargin: 15
            anchors.right: parent.right
            anchors.rightMargin: 9
            anchors.left: parent.left
            anchors.leftMargin: 8
        }

        Button {
            id: button
            text: "#Button"
            anchors.bottom: button_2.top
            anchors.bottomMargin: 31
            anchors.right: parent.right
            anchors.rightMargin: 77
            anchors.left: parent.left
            anchors.leftMargin: 70
            anchors.top: textArea.bottom
            anchors.topMargin: 27
        }

        Button {
            id: button_2
            height: 50
            text: "#Button"
            anchors.bottom: parent.bottom
            anchors.bottomMargin: 77
            anchors.left: parent.left
            anchors.leftMargin: 72
            anchors.right: parent.right
            anchors.rightMargin: 78
        }

        Connections {
            target: screen
            onCurrentOrientationChanged: {
              if(screen.currentOrientation == Screen.Portrait) {
                page.state = 'PortraitState'
              }
              if(screen.currentOrientation == Screen.Landscape) {
                page.state = 'LandscapeState'
              }
            }
        }

        states: [
            State {
                name: "PortraitState"

                PropertyChanges {
                    width: 321
                    target: textArea
                }

                AnchorChanges {
                    target: textArea
                    anchors.left: parent.undefined
                }
            },
            State {
                name: "LandscapeState"

                PropertyChanges {
                    target: textArea
                    height: 228
                    anchors.rightMargin: 357
                }

                PropertyChanges {
                    target: button_2
                    anchors.rightMargin: 60
                    anchors.leftMargin: 412
                }
            }
        ]
    }
    Component.onCompleted: pageStack.push(page)
}

---