diff options
Diffstat (limited to 'src/plugins/qmlprofilerextension/FlameGraphView.qml')
| -rw-r--r-- | src/plugins/qmlprofilerextension/FlameGraphView.qml | 227 |
1 files changed, 227 insertions, 0 deletions
diff --git a/src/plugins/qmlprofilerextension/FlameGraphView.qml b/src/plugins/qmlprofilerextension/FlameGraphView.qml new file mode 100644 index 0000000000..7cb4fb5f5f --- /dev/null +++ b/src/plugins/qmlprofilerextension/FlameGraphView.qml @@ -0,0 +1,227 @@ +/**************************************************************************** +** +** Copyright (C) 2016 The Qt Company Ltd. +** Contact: https://www.qt.io/licensing/ +** +** This file is part of Qt Creator. +** +** Commercial License Usage +** Licensees holding valid commercial Qt licenses may use this file in +** accordance with the commercial license agreement provided with the +** Software or, alternatively, in accordance with the terms contained in +** a written agreement between you and The Qt Company. For licensing terms +** and conditions see https://www.qt.io/terms-conditions. For further +** information use the contact form at https://www.qt.io/contact-us. +** +** GNU General Public License Usage +** Alternatively, this file may be used under the terms of the GNU +** General Public License version 3 as published by the Free Software +** Foundation with exceptions as appearing in the file LICENSE.GPL3-EXCEPT +** included in the packaging of this file. Please review the following +** information to ensure the GNU General Public License requirements will +** be met: https://www.gnu.org/licenses/gpl-3.0.html. +** +****************************************************************************/ + +import QtQuick 2.0 +import QtQuick.Controls 1.4 +import FlameGraph 1.0 +import FlameGraphModel 1.0 + +ScrollView { + id: root + signal typeSelected(int typeIndex) + signal gotoSourceLocation(string filename, int line, int column) + + property int selectedTypeId: -1 + property int visibleRangeTypes: -1 + + Flickable { + id: flickable + contentHeight: flamegraph.height + boundsBehavior: Flickable.StopAtBounds + + FlameGraph { + property int itemHeight: Math.max(30, flickable.height / depth) + property int level: -1 + property color blue: "blue" + property color blue1: Qt.lighter(blue) + property color blue2: Qt.rgba(0.375, 0, 1, 1) + property color grey1: "#B0B0B0" + property color grey2: "#A0A0A0" + + id: flamegraph + width: parent.width + height: depth * itemHeight + model: flameGraphModel + sizeRole: FlameGraphModel.Duration + sizeThreshold: 0.002 + y: flickable.height > height ? flickable.height - height : 0 + + delegate: Item { + id: flamegraphItem + property int level: parent.level + (rangeTypeVisible ? 1 : 0) + property bool isSelected: flamegraphItem.FlameGraph.data(FlameGraphModel.TypeId) === + root.selectedTypeId + property bool rangeTypeVisible: root.visibleRangeTypes & + (1 << FlameGraph.data(FlameGraphModel.RangeType)) + + Rectangle { + border.color: { + if (flamegraphItem.isSelected) + return flamegraph.blue2; + else if (mouseArea.containsMouse) + return flamegraph.blue1; + else + return flamegraph.grey1 + } + border.width: (mouseArea.containsMouse || flamegraphItem.isSelected) ? 2 : 1 + color: Qt.hsla((level % 12) / 72, 0.9 + Math.random() / 10, + 0.45 + Math.random() / 10, 0.9 + Math.random() / 10); + height: flamegraphItem.rangeTypeVisible ? flamegraph.itemHeight : 0; + anchors.left: parent.left + anchors.right: parent.right + anchors.bottom: parent.bottom + + FlameGraphText { + id: text + visible: width > 20 + anchors.fill: parent + anchors.margins: 5 + verticalAlignment: Text.AlignVCenter + horizontalAlignment: Text.AlignHCenter + text: visible ? buildText() : "" + elide: Text.ElideRight + wrapMode: Text.WrapAtWordBoundaryOrAnywhere + + function buildText() { + if (!flamegraphItem.FlameGraph.dataValid) + return "<others>"; + + return flamegraphItem.FlameGraph.data(FlameGraphModel.Details) + " (" + + flamegraphItem.FlameGraph.data(FlameGraphModel.Type) + ", " + + flamegraphItem.FlameGraph.data(FlameGraphModel.TimeInPercent) + "%)"; + } + } + + MouseArea { + id: mouseArea + anchors.fill: parent + hoverEnabled: true + + function printTime(t) + { + if (t <= 0) + return "0"; + if (t < 1000) + return t + " ns"; + t = Math.floor(t / 1000); + if (t < 1000) + return t + " μs"; + if (t < 1e6) + return (t / 1000) + " ms"; + return (t / 1e6) + " s"; + } + + onEntered: { + var model = []; + function addDetail(name, index, format) { + model.push(name + ":"); + model.push(format(flamegraphItem.FlameGraph.data(index))); + } + + function noop(a) { + return a; + } + + function addPercent(a) { + return a + "%"; + } + + if (!flamegraphItem.FlameGraph.dataValid) { + model.push(qsTr("Details") + ":"); + model.push(qsTr("Various Events")); + } else { + addDetail(qsTr("Details"), FlameGraphModel.Details, noop); + addDetail(qsTr("Type"), FlameGraphModel.Type, noop); + addDetail(qsTr("Calls"), FlameGraphModel.CallCount, noop); + addDetail(qsTr("Total Time"), FlameGraphModel.Duration, printTime); + addDetail(qsTr("Mean Time"), FlameGraphModel.TimePerCall, printTime); + addDetail(qsTr("In Percent"), FlameGraphModel.TimeInPercent, + addPercent); + + } + tooltip.model = model; + } + + onExited: { + tooltip.model = []; + } + + onClicked: { + if (flamegraphItem.FlameGraph.dataValid) { + root.typeSelected( + flamegraphItem.FlameGraph.data(FlameGraphModel.TypeId)); + root.gotoSourceLocation( + flamegraphItem.FlameGraph.data(FlameGraphModel.Filename), + flamegraphItem.FlameGraph.data(FlameGraphModel.Line), + flamegraphItem.FlameGraph.data(FlameGraphModel.Column)); + } + } + } + } + + FlameGraph.onDataChanged: if (text.visible) text.text = text.buildText(); + + height: flamegraph.height - level * flamegraph.itemHeight; + width: parent === null ? flamegraph.width : parent.width * FlameGraph.relativeSize + x: parent === null ? 0 : parent.width * FlameGraph.relativePosition + } + } + + Rectangle { + color: "white" + border.width: 1 + border.color: flamegraph.grey2 + width: tooltip.model.length > 0 ? tooltip.width + 10 : 0 + height: tooltip.model.length > 0 ? tooltip.height + 10 : 0 + y: flickable.contentY + x: anchorRight ? parent.width - width : 0 + property bool anchorRight: true + + Grid { + id: tooltip + anchors.margins: 5 + anchors.top: parent.top + anchors.left: parent.left + spacing: 5 + columns: 2 + property var model: [ qsTr("No data available") ] + + Connections { + target: flameGraphModel + onModelReset: { + tooltip.model = (flameGraphModel.rowCount() === 0) ? + [ qsTr("No data available") ] : []; + } + } + + Repeater { + model: parent.model + FlameGraphText { + text: modelData + font.bold: (index % 2) === 0 + width: Math.min(implicitWidth, 200) + elide: Text.ElideRight + } + } + } + + MouseArea { + anchors.fill: parent + hoverEnabled: true + onEntered: parent.anchorRight = !parent.anchorRight + } + } + } +} |