git.maemo.org Git - mardrone/blob - mardrone/imports/com/nokia/android.1.1/Menu.qml

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
   4 ** All rights reserved.
   5 ** Contact: Nokia Corporation (qt-info@nokia.com)
   6 **
   7 ** This file is part of the Qt Components project.
   8 **
   9 ** $QT_BEGIN_LICENSE:BSD$
  10 ** You may use this file under the terms of the BSD license as follows:
  11 **
  12 ** "Redistribution and use in source and binary forms, with or without
  13 ** modification, are permitted provided that the following conditions are
  14 ** met:
  15 **   * Redistributions of source code must retain the above copyright
  16 **     notice, this list of conditions and the following disclaimer.
  17 **   * Redistributions in binary form must reproduce the above copyright
  18 **     notice, this list of conditions and the following disclaimer in
  19 **     the documentation and/or other materials provided with the
  20 **     distribution.
  21 **   * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
  22 **     the names of its contributors may be used to endorse or promote
  23 **     products derived from this software without specific prior written
  24 **     permission.
  25 **
  26 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  27 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  28 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  29 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  30 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  31 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  32 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  33 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  34 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  35 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  36 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
  37 ** $QT_END_LICENSE$
  38 **
  39 ****************************************************************************/
  40
  41 import QtQuick 1.1
  42 import "." 1.1
  43
  44 Item {
  45     id: root
  46
  47     default property alias content: menu.content
  48     property Item visualParent: null
  49     property alias status: popup.status
  50     property bool platformInverted: false
  51
  52     function open() {
  53         popup.open()
  54     }
  55
  56     function close() {
  57         popup.close()
  58     }
  59
  60     visible: false
  61
  62     Popup {
  63         id: popup
  64         objectName: "OptionsMenu"
  65
  66         y: screen.height - popup.height
  67         animationDuration: 200
  68         state: "Hidden"
  69         visible: status != DialogStatus.Closed
  70         enabled: status == DialogStatus.Open
  71         width: screen.width
  72         height: menuContainer.height
  73         clip: true
  74         platformInverted: root.platformInverted
  75
  76         onFaderClicked: {
  77             privateStyle.play(Android.PopupClose)
  78             close()
  79         }
  80
  81         BorderImage {
  82             id: menuContainer
  83
  84             property int borderSize: Math.round(platformStyle.borderSizeMedium * 1.5)
  85
  86             source: privateStyle.imagePath("qtg_fr_popup_options", root.platformInverted)
  87             border { left: borderSize; top: borderSize; right: borderSize; bottom: borderSize }
  88
  89             width: parent.width
  90             height: menu.height + 2 * platformStyle.paddingLarge
  91
  92             MenuContent {
  93                 id: menu
  94                 containingPopup: popup
  95                 anchors { top: parent.top; left: parent.left; right: parent.right
  96                           topMargin: platformStyle.paddingLarge
  97                           leftMargin: platformStyle.paddingLarge
  98                           rightMargin: platformStyle.paddingLarge }
  99                 platformInverted: root.platformInverted
 100                 onItemClicked: popup.close()
 101             }
 102
 103             BorderImage {
 104                 source: privateStyle.imagePath("qtg_fr_popup_options_overlay", root.platformInverted)
 105                 anchors.fill: parent
 106                 border { left: menuContainer.borderSize; top: menuContainer.borderSize
 107                          right: menuContainer.borderSize; bottom: menuContainer.borderSize }
 108             }
 109         }
 110
 111         states: [
 112             State {
 113                 name: "Hidden"
 114                 when: status == DialogStatus.Closing || status == DialogStatus.Closed
 115                 PropertyChanges { target: menuContainer; y: menuContainer.height; opacity: 0 }
 116             },
 117             State {
 118                 name: "Visible"
 119                 when: status == DialogStatus.Opening || status == DialogStatus.Open
 120                 PropertyChanges { target: menuContainer; y: 0; opacity: 1 }
 121             }
 122         ]
 123
 124         transitions: [
 125             Transition {
 126                 from: "Visible"; to: "Hidden"
 127                 SequentialAnimation {
 128                     ParallelAnimation {
 129                         NumberAnimation {
 130                             target: menuContainer
 131                             property: "y"
 132                             duration: popup.animationDuration
 133                             easing.type: Easing.Linear
 134                         }
 135                         NumberAnimation {
 136                             target: menuContainer
 137                             property: "opacity"
 138                             duration: popup.animationDuration
 139                             easing.type: Easing.Linear
 140                         }
 141                     }
 142                     PropertyAction { target: popup; property: "status"; value: DialogStatus.Closed }
 143                 }
 144             },
 145             Transition {
 146                 from: "Hidden"; to: "Visible"
 147                 SequentialAnimation {
 148                     ParallelAnimation {
 149                         NumberAnimation {
 150                             target: menuContainer
 151                             property: "y"
 152                             duration: popup.animationDuration
 153                             easing.type: Easing.OutQuad
 154                         }
 155                         NumberAnimation {
 156                             target: menuContainer
 157                             property: "opacity"
 158                             duration: popup.animationDuration
 159                             easing.type: Easing.Linear
 160                         }
 161                     }
 162                     PropertyAction { target: popup; property: "status"; value: DialogStatus.Open }
 163                 }
 164             }
 165         ]
 166     }
 167 }