forked from qt-creator/qt-creator
QmlProfiler: Move ui files to 'qml' subdir
This commit is contained in:
Kai Koehne
305
src/plugins/qmlprofiler/qml/MainView.qml
Normal file
305
src/plugins/qmlprofiler/qml/MainView.qml
Normal file
@@ -0,0 +1,305 @@
|
||||
/**************************************************************************
|
||||
**
|
||||
** This file is part of Qt Creator
|
||||
**
|
||||
** Copyright (c) 2011 Nokia Corporation and/or its subsidiary(-ies).
|
||||
**
|
||||
** Contact: Nokia Corporation (qt-info@nokia.com)
|
||||
**
|
||||
** 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.
|
||||
**
|
||||
**************************************************************************/
|
||||
|
||||
import QtQuick 1.0
|
||||
import Monitor 1.0
|
||||
import "MainView.js" as Plotter
|
||||
|
||||
Rectangle {
|
||||
id: root
|
||||
|
||||
property variant colors: Plotter.colors //the colors used for the timeline data
|
||||
property bool xRay: false //useful for seeing "nested" ranges (but redraw is buggy -- QGV problem?)
|
||||
property Item currentItem //currently selected item in the view
|
||||
|
||||
property bool zooming:false
|
||||
|
||||
// move the cursor in the editor
|
||||
signal updateCursorPosition
|
||||
property string fileName: ""
|
||||
property int lineNumber: -1
|
||||
function gotoSourceLocation(file,line) {
|
||||
root.fileName = file;
|
||||
root.lineNumber = line;
|
||||
root.updateCursorPosition();
|
||||
}
|
||||
|
||||
//handle debug data coming from C++
|
||||
Connections {
|
||||
target: connection
|
||||
onEvent: {
|
||||
if (Plotter.valuesdone) {
|
||||
Plotter.reset();
|
||||
view.clearData();
|
||||
rangeMover.x = 2
|
||||
rangeMover.opacity = 0
|
||||
}
|
||||
|
||||
if (!Plotter.valuesdone && event === 0) //### only handle paint event
|
||||
Plotter.values.push(time);
|
||||
}
|
||||
|
||||
onRange: {
|
||||
if (Plotter.valuesdone) {
|
||||
Plotter.reset();
|
||||
view.clearData();
|
||||
rangeMover.x = 2
|
||||
rangeMover.opacity = 0
|
||||
}
|
||||
|
||||
if (!Plotter.valuesdone)
|
||||
Plotter.ranges.push( { type: type, start: startTime, duration: length, label: data, fileName: fileName, line: line } );
|
||||
}
|
||||
|
||||
onComplete: {
|
||||
Plotter.valuesdone = true;
|
||||
Plotter.calcFps();
|
||||
view.setRanges(Plotter.ranges);
|
||||
view.updateTimeline();
|
||||
canvas.requestPaint();
|
||||
rangeMover.x = 1 //### hack to get view to display things immediately
|
||||
rangeMover.opacity = 1
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Elapsed
|
||||
property real elapsedTime;
|
||||
signal updateTimer;
|
||||
Timer {
|
||||
property date startDate
|
||||
property bool reset: true
|
||||
running: connection.recording
|
||||
repeat: true
|
||||
onRunningChanged: if (running) reset = true
|
||||
interval: 100
|
||||
triggeredOnStart: true
|
||||
onTriggered: {
|
||||
if (reset) {
|
||||
startDate = new Date()
|
||||
reset = false
|
||||
}
|
||||
var time = (new Date() - startDate)/1000
|
||||
//elapsed.text = time.toFixed(1) + "s"
|
||||
root.elapsedTime = time.toFixed(1);
|
||||
root.updateTimer();
|
||||
}
|
||||
}
|
||||
|
||||
//timeline background
|
||||
Item {
|
||||
anchors.fill: flick
|
||||
Column {
|
||||
anchors.fill: parent
|
||||
|
||||
Repeater {
|
||||
model: 5 //### values.length?
|
||||
delegate: Rectangle {
|
||||
width: parent.width
|
||||
height: 50 //###
|
||||
color: index % 2 ? "#fafafa" : "white"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//our main interaction view
|
||||
Flickable {
|
||||
id: flick
|
||||
anchors.top: parent.top
|
||||
anchors.right: parent.right
|
||||
anchors.left: labels.right
|
||||
anchors.bottom: canvas.top
|
||||
contentWidth: view.totalWidth
|
||||
contentHeight: view.height
|
||||
|
||||
TimelineView {
|
||||
id: view
|
||||
|
||||
width: flick.width; height: flick.height
|
||||
|
||||
startX: flick.contentX
|
||||
onStartXChanged: {
|
||||
var newX = startTime / Plotter.xScale(canvas) - canvas.canvasWindow.x;
|
||||
if (Math.abs(rangeMover.x - newX) > .01)
|
||||
rangeMover.x = newX
|
||||
if (Math.abs(startX - flick.contentX) > .01)
|
||||
flick.contentX = startX
|
||||
}
|
||||
startTime: rangeMover.value
|
||||
|
||||
property real prevXStep: -1
|
||||
property real possibleEndTime: startTime + (rangeMover.width*Plotter.xScale(canvas))
|
||||
onPossibleEndTimeChanged: {
|
||||
var set = ((zooming && prevXStep != canvas.canvasWindow.x) || !zooming);
|
||||
prevXStep = canvas.canvasWindow.x;
|
||||
if (set)
|
||||
endTime = possibleEndTime
|
||||
}
|
||||
onEndTimeChanged: updateTimeline()
|
||||
|
||||
delegate: Rectangle {
|
||||
id: obj
|
||||
|
||||
property color baseColor: colors[type]
|
||||
property color myColor: baseColor
|
||||
|
||||
function conditionalHide() {
|
||||
if (!mouseArea.containsMouse)
|
||||
mouseArea.exited()
|
||||
}
|
||||
|
||||
height: 50
|
||||
gradient: Gradient {
|
||||
GradientStop { position: 0.0; color: myColor }
|
||||
GradientStop { position: 0.5; color: Qt.darker(myColor, 1.1) }
|
||||
GradientStop { position: 1.0; color: myColor }
|
||||
}
|
||||
smooth: true
|
||||
MouseArea {
|
||||
id: mouseArea
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
onEntered: {
|
||||
currentItem = obj
|
||||
myColor = Qt.darker(baseColor, 1.2)
|
||||
rangeDetails.duration = duration
|
||||
rangeDetails.label = label
|
||||
rangeDetails.file = fileName
|
||||
rangeDetails.line = line
|
||||
rangeDetails.type = Plotter.names[type]
|
||||
|
||||
var pos = mapToItem(rangeDetails.parent, mouseX, y+height)
|
||||
var preferredX = Math.max(10, pos.x - rangeDetails.width/2)
|
||||
if (preferredX + rangeDetails.width > rangeDetails.parent.width)
|
||||
preferredX = rangeDetails.parent.width - rangeDetails.width
|
||||
rangeDetails.x = preferredX
|
||||
|
||||
rangeDetails.y = pos.y + 10
|
||||
rangeDetails.visible = true
|
||||
}
|
||||
onExited: {
|
||||
myColor = baseColor
|
||||
rangeDetails.visible = false
|
||||
rangeDetails.duration = ""
|
||||
rangeDetails.label = ""
|
||||
rangeDetails.type = ""
|
||||
rangeDetails.file = ""
|
||||
rangeDetails.line = -1
|
||||
}
|
||||
onClicked: root.gotoSourceLocation(rangeDetails.file, rangeDetails.line);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//popup showing the details for the hovered range
|
||||
RangeDetails {
|
||||
id: rangeDetails
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
id: labels
|
||||
width: 150
|
||||
color: "#dcdcdc"
|
||||
anchors.top: root.top
|
||||
anchors.bottom: canvas.top
|
||||
|
||||
Column {
|
||||
//### change to use Repeater + Plotter.names?
|
||||
Label { text: "Painting" }
|
||||
Label { text: "Compiling" }
|
||||
Label { text: "Creating" }
|
||||
Label { text: "Binding" }
|
||||
Label { text: "Signal Handler" }
|
||||
}
|
||||
|
||||
//right border divider
|
||||
Rectangle {
|
||||
width: 1
|
||||
height: parent.height
|
||||
anchors.right: parent.right
|
||||
color: "#cccccc"
|
||||
}
|
||||
}
|
||||
|
||||
//bottom border divider
|
||||
Rectangle {
|
||||
height: 1
|
||||
width: parent.width
|
||||
anchors.bottom: canvas.top
|
||||
color: "#cccccc"
|
||||
}
|
||||
|
||||
//"overview" graph at the bottom
|
||||
TiledCanvas {
|
||||
id: canvas
|
||||
|
||||
anchors.bottom: parent.bottom
|
||||
width: parent.width; height: 50
|
||||
|
||||
property int canvasWidth: width
|
||||
|
||||
canvasSize {
|
||||
width: canvasWidth
|
||||
height: canvas.height
|
||||
}
|
||||
|
||||
tileSize.width: width
|
||||
tileSize.height: height
|
||||
|
||||
canvasWindow.width: width
|
||||
canvasWindow.height: 50
|
||||
|
||||
onDrawRegion: {
|
||||
if (Plotter.valuesdone)
|
||||
Plotter.plot(canvas, ctxt, region);
|
||||
else
|
||||
Plotter.drawGraph(canvas, ctxt, region) //just draw the background
|
||||
}
|
||||
}
|
||||
|
||||
//moves the range mover to the position of a click
|
||||
MouseArea {
|
||||
anchors.fill: canvas
|
||||
//### ideally we could press to position then immediately drag
|
||||
onPressed: rangeMover.x = mouse.x - rangeMover.width/2
|
||||
}
|
||||
|
||||
RangeMover {
|
||||
id: rangeMover
|
||||
opacity: 0
|
||||
anchors.top: canvas.top
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user