examples/declarative/painteditem/textballoons/textballoons.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 demonstration applications 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 import TextBalloonPlugin 1.0
  44
  45 Item {
  46     height: 480
  47     width: 640
  48
  49     //! [0]
  50     ListModel {
  51         id: balloonModel
  52         ListElement {
  53             balloonWidth: 200
  54         }
  55         ListElement {
  56             balloonWidth: 350
  57         }
  58     }
  59
  60     ListView {
  61         anchors.bottom: controls.top
  62         anchors.bottomMargin: 2
  63         anchors.top: parent.top
  64         id: balloonView
  65         delegate: TextBalloon {
  66             anchors.right: index % 2 == 0 ? undefined : parent.right
  67             height: 60
  68             rightAligned: index % 2 == 0 ? false : true
  69             width: balloonWidth
  70         }
  71         model: balloonModel
  72         spacing: 5
  73         width: parent.width
  74     }
  75     //! [0]
  76
  77     //! [1]
  78     Rectangle {
  79         id: controls
  80
  81         anchors.bottom: parent.bottom
  82         anchors.left: parent.left
  83         anchors.margins: 1
  84         anchors.right: parent.right
  85         border.width: 2
  86         color: "white"
  87         height: parent.height * 0.15
  88
  89         Text {
  90             anchors.centerIn: parent
  91             text: "Add another balloon"
  92         }
  93
  94         MouseArea {
  95             anchors.fill: parent
  96             hoverEnabled: true
  97             onClicked: {
  98                 balloonModel.append({"balloonWidth": Math.floor(Math.random() * 300 + 100)})
  99                 balloonView.positionViewAtIndex(balloonView.count -1, ListView.End)
 100             }
 101             onEntered: {
 102                 parent.color = "#8ac953"
 103             }
 104             onExited: {
 105                 parent.color = "white"
 106             }
 107         }
 108     }
 109     //! [1]
 110 }