examples/declarative/flickr/content/TitleBar.qml

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
   4 ** Contact: http://www.qt-project.org/
   5 **
   6 ** This file is part of the QtDeclarative module of the Qt Toolkit.
   7 **
   8 ** $QT_BEGIN_LICENSE:LGPL$
   9 ** GNU Lesser General Public License Usage
  10 ** This file may be used under the terms of the GNU Lesser General Public
  11 ** License version 2.1 as published by the Free Software Foundation and
  12 ** appearing in the file LICENSE.LGPL included in the packaging of this
  13 ** file. Please review the following information to ensure the GNU Lesser
  14 ** General Public License version 2.1 requirements will be met:
  15 ** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
  16 **
  17 ** In addition, as a special exception, Nokia gives you certain additional
  18 ** rights. These rights are described in the Nokia Qt LGPL Exception
  19 ** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
  20 **
  21 ** GNU General Public License Usage
  22 ** Alternatively, this file may be used under the terms of the GNU General
  23 ** Public License version 3.0 as published by the Free Software Foundation
  24 ** and appearing in the file LICENSE.GPL included in the packaging of this
  25 ** file. Please review the following information to ensure the GNU General
  26 ** Public License version 3.0 requirements will be met:
  27 ** http://www.gnu.org/copyleft/gpl.html.
  28 **
  29 ** Other Usage
  30 ** Alternatively, this file may be used in accordance with the terms and
  31 ** conditions contained in a signed written agreement between you and Nokia.
  32 **
  33 **
  34 **
  35 **
  36 **
  37 **
  38 ** $QT_END_LICENSE$
  39 **
  40 ****************************************************************************/
  41
  42 import QtQuick 2.0
  43
  44 Item {
  45     id: titleBar
  46     property string untaggedString: "Uploads from everyone"
  47     property string taggedString: "Recent uploads tagged "
  48
  49     BorderImage { source: "images/titlebar.sci"; width: parent.width; height: parent.height + 14; y: -7 }
  50
  51     Item {
  52         id: container
  53         width: (parent.width * 2) - 55 ; height: parent.height
  54
  55         function accept() {
  56             imageDetails.closed()
  57             titleBar.state = ""
  58             background.state = ""
  59             rssModel.tags = editor.text
  60         }
  61
  62         Image {
  63             id: quitButton
  64             anchors.left: parent.left//; anchors.leftMargin: 0
  65             anchors.verticalCenter: parent.verticalCenter
  66             source: "images/quit.png"
  67             MouseArea {
  68                 anchors.fill: parent
  69                 onClicked: Qt.quit()
  70             }
  71         }
  72
  73         Text {
  74             id: categoryText
  75             anchors {
  76                 left: quitButton.right; right: tagButton.left; leftMargin: 10; rightMargin: 10
  77                 verticalCenter: parent.verticalCenter
  78             }
  79             elide: Text.ElideLeft
  80             text: (rssModel.tags=="" ? untaggedString : taggedString + rssModel.tags)
  81             font.bold: true; font.pixelSize: 15; color: "White"; style: Text.Raised; styleColor: "Black"
  82         }
  83
  84         Button {
  85             id: tagButton; x: titleBar.width - 50; width: 45; height: 32; text: "..."
  86             onClicked: if (titleBar.state == "Tags") container.accept(); else titleBar.state = "Tags"
  87             anchors.verticalCenter: parent.verticalCenter
  88         }
  89
  90         Item {
  91             id: lineEdit
  92             y: 4; height: parent.height - 9
  93             anchors { left: tagButton.right; leftMargin: 5; right: parent.right; rightMargin: 5 }
  94
  95             BorderImage { source: "images/lineedit.sci"; anchors.fill: parent }
  96
  97             TextInput {
  98                 id: editor
  99                 anchors {
 100                     left: parent.left; right: parent.right; leftMargin: 10; rightMargin: 10
 101                     verticalCenter: parent.verticalCenter
 102                 }
 103                 cursorVisible: true; font.bold: true
 104                 color: "#151515"; selectionColor: "Green"
 105             }
 106
 107             Keys.forwardTo: [ (returnKey), (editor)]
 108
 109             Item {
 110                 id: returnKey
 111                 Keys.onReturnPressed: container.accept()
 112                 Keys.onEnterPressed: container.accept()
 113                 Keys.onEscapePressed: titleBar.state = ""
 114             }
 115         }
 116     }
 117
 118     states: State {
 119         name: "Tags"
 120         PropertyChanges { target: container; x: -tagButton.x + 5 }
 121         PropertyChanges { target: tagButton; text: "OK" }
 122         PropertyChanges { target: editor; focus: true }
 123     }
 124
 125     transitions: Transition {
 126         NumberAnimation { properties: "x"; easing.type: Easing.InOutQuad }
 127     }
 128 }