/**************************************************************************** ** ** Copyright (C) 2010 Nokia Corporation and/or its subsidiary(-ies). ** All rights reserved. ** Contact: Nokia Corporation (qt-info@nokia.com) ** ** This file is part of the QtDeclarative module of the Qt Toolkit. ** ** $QT_BEGIN_LICENSE:LGPL$ ** No Commercial Usage ** This file contains pre-release code and may not be distributed. ** You may use this file in accordance with the terms and conditions ** contained in the Technology Preview License Agreement accompanying ** this package. ** ** GNU Lesser General Public License Usage ** Alternatively, this file may be used under the terms of the GNU Lesser ** General Public License version 2.1 as published by the Free Software ** Foundation and appearing in the file LICENSE.LGPL included in the ** packaging of this file. Please review the following information to ** ensure the GNU Lesser General Public License version 2.1 requirements ** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html. ** ** In addition, as a special exception, Nokia gives you certain additional ** rights. These rights are described in the Nokia Qt LGPL Exception ** version 1.1, included in the file LGPL_EXCEPTION.txt in this package. ** ** If you have questions regarding the use of this file, please contact ** Nokia at qt-info@nokia.com. ** ** ** ** ** ** ** ** ** $QT_END_LICENSE$ ** ****************************************************************************/ import Qt 4.7 Rectangle { color: "lightSteelBlue" width: 300; height: 600 ListModel { id: list ListElement { dayColor: "steelblue" } ListElement { dayColor: "blue" } ListElement { dayColor: "yellow" } ListElement { dayColor: "purple" } ListElement { dayColor: "red" } ListElement { dayColor: "green" } ListElement { dayColor: "orange" } } Flickable { id: flick height: parent.height-50 width: parent.width; contentHeight: column.height Column { id: column Repeater { model: list Rectangle { width: 300; height: 200; color: mr.pressed ? "black" : dayColor MouseArea { id: mr anchors.fill: parent } } } } clip: true } Rectangle { radius: 3 x: flick.width-8 width: 8 y: flick.visibleArea.yPosition * flick.height height: flick.visibleArea.heightRatio * flick.height } // click to toggle interactive flag Rectangle { width: 64 height: 48 y: parent.height - 50 color: "red" MouseArea { anchors.fill: parent onClicked: flick.interactive = flick.interactive ? false : true } } // click to toggle click delay Rectangle { width: 64 height: 48 x: 66 y: parent.height - 50 color: "green" MouseArea { anchors.fill: parent onClicked: flick.pressDelay = flick.pressDelay > 0 ? 0 : 500 } } // click to toggle overshoot Rectangle { width: 64 height: 48 x: 130 y: parent.height - 50 color: "yellow" MouseArea { anchors.fill: parent onClicked: flick.boundsBehavior = flick.boundsBehavior == Flickable.StopAtBounds ? Flickable.DragAndOvershootBounds : Flickable.StopAtBounds } } Rectangle { width: Math.abs(flick.verticalVelocity)/100 height: 50 x: 200 y: parent.height - 50 color: blue } }