QmlProfiler: main view with fixed height and scrollable

Change-Id: Ib77ad6ba5afe13d692d85c7027e3e1d4b2fbb6a7 Reviewed-by: Kai Koehne <kai.koehne@nokia.com>
2011-10-11 17:52:39 +02:00
parent eb5a60db14
commit c9f977c39a
16 changed files with 738 additions and 543 deletions
--- a/src/plugins/qmlprofiler/qml/Overview.qml
+++ b/src/plugins/qmlprofiler/qml/Overview.qml
@@ -0,0 +1,138 @@
+/**************************************************************************
+**
+** This file is part of Qt Creator
+**
+** Copyright (c) 2011 Nokia Corporation and/or its subsidiary(-ies).
+**
+** Contact: Nokia Corporation (info@qt.nokia.com)
+**
+**
+** GNU Lesser General Public License Usage
+**
+** 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.
+**
+** Other Usage
+**
+** Alternatively, this file may be used in accordance with the terms and
+** conditions contained in a signed written agreement between you and Nokia.
+**
+** If you have questions regarding the use of this file, please contact
+** Nokia at info@qt.nokia.com.
+**
+**************************************************************************/
+
+import QtQuick 1.0
+import Monitor 1.0
+import "Overview.js" as Plotter
+
+TiledCanvas {
+    id: canvas
+
+    // ***** properties
+    height: 50
+    property bool dataAvailable: false
+    property variant startTime : 0
+    property variant endTime : 0
+
+    canvasSize.width: canvas.width
+    canvasSize.height: canvas.height
+
+    tileSize.width: width
+    tileSize.height: height
+
+    canvasWindow.width: width
+    canvasWindow.height: height
+
+    // ***** functions
+    function clearDisplay()
+    {
+        dataAvailable = false;
+        requestPaint();
+    }
+
+    function updateRange() {
+        var newStartTime = Math.round(rangeMover.x * qmlEventList.traceEndTime() / width);
+        var newEndTime = Math.round((rangeMover.x + rangeMover.width) * qmlEventList.traceEndTime() / width);
+        if (startTime !== newStartTime || endTime !== newEndTime) {
+            zoomControl.setRange(newStartTime, newEndTime);
+        }
+    }
+
+    // ***** connections to external objects
+    Connections {
+        target: zoomControl
+        onRangeChanged: {
+            if (qmlEventList) {
+                startTime = zoomControl.startTime();
+                endTime = zoomControl.endTime();
+                var newRangeX = startTime * width / qmlEventList.traceEndTime();
+                if (rangeMover.x !== newRangeX)
+                    rangeMover.x = newRangeX;
+                var newWidth = (endTime-startTime) * width / qmlEventList.traceEndTime();
+                if (rangeMover.width !== newWidth)
+                    rangeMover.width = newWidth;
+            }
+        }
+    }
+
+    Connections {
+        target: qmlEventList
+        onDataReady: {
+            if (qmlEventList.count() > 0) {
+                dataAvailable = true;
+                requestPaint();
+            }
+        }
+    }
+
+    // ***** slots
+    onDrawRegion: {
+        if (dataAvailable)
+            Plotter.plot(canvas, ctxt, region);
+        else {
+            Plotter.qmlEventList = qmlEventList;
+            Plotter.drawGraph(canvas, ctxt, region)    //just draw the background
+        }
+    }
+
+    // ***** child items
+    MouseArea {
+        anchors.fill: canvas
+        function jumpTo(posX) {
+            var newX = posX - rangeMover.width/2;
+            if (newX < 0)
+                newX = 0;
+            if (newX + rangeMover.width > canvas.width)
+                newX = canvas.width - rangeMover.width;
+            rangeMover.x = newX;
+            updateRange();
+        }
+
+        onPressed: {
+            jumpTo(mouse.x);
+        }
+        onMousePositionChanged: {
+            jumpTo(mouse.x);
+        }
+    }
+
+    RangeMover {
+        id: rangeMover
+        visible: dataAvailable
+    }
+
+    Rectangle {
+        height: 1
+        width: parent.width
+        color: "#cccccc"
+    }
+}