examples/QtQuick/videoapp/qml/videoapp/main.qml

/****************************************************************************
**
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Nokia Corporation
**
**
** $QT_BEGIN_LICENSE:BSD$
** You may use this file under the terms of the BSD license as follows:
**
** "Redistribution and use in source and binary forms, with or without
** modification, are permitted provided that the following conditions are
** met:
**   * Redistributions of source code must retain the above copyright
**     notice, this list of conditions and the following disclaimer.
**   * Redistributions in binary form must reproduce the above copyright
**     notice, this list of conditions and the following disclaimer in
**     the documentation and/or other materials provided with the
**     distribution.
**   * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
**     the names of its contributors may be used to endorse or promote
**     products derived from this software without specific prior written
**     permission.
**
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
** $QT_END_LICENSE$
**
****************************************************************************/


import QtQuick 1.0
import com.nokia.symbian 1.0
import QtMobility.sensors 1.1

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: "qrc:/toolbar_back.svg"
            onClicked: pageStack.depth <= 1 ? Qt.quit() : pageStack.pop()
        }

        ToolButton {
            flat: true
            iconSource: "qrc:/qgn_prop_hl_folder_open.svg"
            onClicked:
            {
                video.open()
                // Deactivate the sensors.
                myOrientationSensor.active = false;
                myProximitySensor.active = false;
            }
        }

        ToolButton {
            flat: true
            iconSource: "qrc:/toolbar_play.svg"
            onClicked:
            {
                video.play()
               // Activate the sensors.
                myOrientationSensor.active = true;
                myProximitySensor.active = true;
            }
    }

        ToolButton {
            flat: true
            iconSource: "qrc:/toolbar_pause.svg"
            onClicked:
            {
                video.pause()
                // Activate the sensors.
                myOrientationSensor.active = false;
                myProximitySensor.active = false;
            }
    }
        ToolButton {
            flat: true
            iconSource: "qrc:/toolbar_stop.svg"
            onClicked:
            {
                video.stop()
              }
        }

    }

    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")
            }
        }

        Rectangle{
            id:mainRect
            color: "grey"
            width: page.width
            height: page.height
           }

        // Text to display the application name.
        PageHeading{
            id: heading
            anchors.top: parent.top
            width: parent.width
            text: "Video player"
            fontItalic: true
        }
        // These messages are aligned towards the top left corner of the screen.
        Text {
                id: textDisplay
                height: 30
                text: ""
                //readOnly: true
                font.bold: true
                font.pixelSize: 25
                anchors.top: page.top
                anchors.topMargin: 50
                anchors.left: page.left
                anchors.leftMargin: 15
                font.italic: true

            }

         // Proximity Sensor element.
         ProximitySensor{
             id: myProximitySensor
             onReadingChanged: {
                 updatePlayer()
             }
         }

         // Orientation Sensor element.
         OrientationSensor{
             id: myOrientationSensor
             onReadingChanged: {
                 updatePlayer()
             }
         }



             // Flag to control the player using sensors.
             property bool toggleFlag: false


                 // Update video playing based on changing sensor data.
             function updatePlayer()
             {
                 // Only if orientation is face down and proximity is close, pause the player if it was playing.
                 if(( myOrientationSensor.reading.orientation == OrientationReading.FaceDown ) && ( myProximitySensor.reading.close == true ))
                 {
                     video.pause();
                     toggleFlag = true;
                 }
                 else if(toggleFlag == true)
                 {
                     video.play();
                     toggleFlag = false;
                 }
             }

         // Prints info message on the device screen.
         // These messages are aligned towards the top left corner of the screen.



             // The volume slider.
             Rectangle {
                 // Container for the sliding bar.
                 id: container
                 // Positioning of the container within the UI.
                 anchors { bottom: parent.bottom; left: parent.left
                     right: parent.right; leftMargin: 30; rightMargin: 30
                     //bottomMargin:parent.bottom+100 // ( 10+50+15 )   // mainRect.bottommargin + Button height + spacing.
                 }
                 height: 16

                 radius: 8
                 opacity: 0.7
                 smooth: true
                 gradient: Gradient {
                     GradientStop { position: 0.0; color: "gray" }
                     GradientStop { position: 1.0; color: "white" }
                 }
                 // This rectangle forms the sliding bar, used for adjusting the volume.
                 Rectangle {
                     id: slider
                     // Offsets, height and width of the slider.
                     x: 1; y: 1; width: 30; height: 14
                     radius: 6   // This results in a rounded rectangle.
                     smooth: true
                     gradient: Gradient {
                         GradientStop { position: 0.0; color: "#424242" }
                         GradientStop { position: 1.0; color: "black" }
                     }

                     // This ensbles the slider bar to take mouse events, and invoke necessary actions.
                     MouseArea {
                         anchors.fill: parent
                         anchors.margins: -16 // Increase mouse area a lot outside the slider
                         drag.target: parent; drag.axis: Drag.XAxis
                         drag.minimumX: 2; drag.maximumX: container.width - 32;
                         // Obtains the change in the slider position and appropraitely does the volume setting.
                         onPositionChanged:
                         {
                            video.volume = slider.x * 100 / (container.width - 34);
                         }
                     }
                 }
             }




    }
    Component.onCompleted: pageStack.push(page)

    Connections{
        target: video
        onDisplayMessage: textDisplay.text = video.showResponse()
    }
}

---