84 lines
No EOL
2.8 KiB
QML
84 lines
No EOL
2.8 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Window 2.15
|
|
import qs.Settings
|
|
|
|
Window {
|
|
id: tooltipWindow
|
|
property string text: ""
|
|
property bool tooltipVisible: false
|
|
property Item targetItem: null
|
|
property int delay: 300
|
|
flags: Qt.ToolTip | Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint
|
|
color: "transparent"
|
|
visible: false
|
|
minimumWidth: Math.max(minimumWidth, tooltipText.implicitWidth + 24)
|
|
minimumHeight: Math.max(minimumHeight, tooltipText.implicitHeight + 16)
|
|
property var _timerObj: null
|
|
onTooltipVisibleChanged: {
|
|
if (tooltipVisible) {
|
|
if (delay > 0) {
|
|
if (_timerObj) { _timerObj.destroy(); _timerObj = null; }
|
|
_timerObj = Qt.createQmlObject('import QtQuick 2.0; Timer { interval: ' + delay + '; running: true; repeat: false; onTriggered: tooltipWindow._showNow() }', tooltipWindow);
|
|
} else {
|
|
_showNow();
|
|
}
|
|
} else {
|
|
_hideNow();
|
|
}
|
|
}
|
|
function _showNow() {
|
|
if (!targetItem) return;
|
|
var pos = targetItem.mapToGlobal(0, targetItem.height);
|
|
x = pos.x - width / 2 + targetItem.width / 2;
|
|
y = pos.y + 8;
|
|
visible = true;
|
|
console.log("StyledTooltip _showNow called");
|
|
console.log("StyledTooltip Theme.textPrimary:", Theme.textPrimary);
|
|
}
|
|
function _hideNow() {
|
|
visible = false;
|
|
if (_timerObj) { _timerObj.destroy(); _timerObj = null; }
|
|
}
|
|
Connections {
|
|
target: targetItem
|
|
onXChanged: if (tooltipWindow.visible) tooltipWindow._showNow()
|
|
onYChanged: if (tooltipWindow.visible) tooltipWindow._showNow()
|
|
onWidthChanged: if (tooltipWindow.visible) tooltipWindow._showNow()
|
|
onHeightChanged: if (tooltipWindow.visible) tooltipWindow._showNow()
|
|
}
|
|
Component.onCompleted: console.log("Tooltip window loaded")
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
radius: 6
|
|
color: "#222"
|
|
border.color: Theme.border || "#444"
|
|
border.width: 1
|
|
opacity: 0.97
|
|
z: 1
|
|
}
|
|
Text {
|
|
id: tooltipText
|
|
text: tooltipWindow.text
|
|
color: Theme.textPrimary
|
|
font.family: Theme.fontFamily
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
anchors.centerIn: parent
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
wrapMode: Text.Wrap
|
|
padding: 8
|
|
z: 2
|
|
}
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onExited: tooltipWindow.tooltipVisible = false
|
|
cursorShape: Qt.ArrowCursor
|
|
}
|
|
onTextChanged: {
|
|
width = Math.max(minimumWidth, tooltipText.implicitWidth + 24);
|
|
height = Math.max(minimumHeight, tooltipText.implicitHeight + 16);
|
|
}
|
|
|
|
} |