3pp-mirror/Meshroom
1
0
Fork 0
mirror of https://github.com/alicevision/Meshroom.git synced 2025-08-06 10:18:42 +02:00
Code Issues Projects Releases Packages Wiki Activity

[GraphEditor] AttributePin: Add a tree view for children attributes

Browse source
This commit is contained in:
Candice Bentéjac 2024-12-12 17:31:22 +01:00
parent 06f9d157c8
commit 201c961f4f
1 changed files with 52 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

70
meshroom/ui/qml/GraphEditor/AttributePin.qml
View file

@ -3,6 +3,7 @@ import QtQuick.Controls
import QtQuick.Layouts import QtQuick.Layouts
import Utils 1.0 import Utils 1.0
import MaterialIcons 2.2
/** /**
* The representation of an Attribute on a Node. * The representation of an Attribute on a Node.
@ -71,10 +72,6 @@ RowLayout {
return label return label
} }
onExpandedChanged: {
nameLabel.text = updateLabel()
}
// Instantiate empty Items for each child attribute // Instantiate empty Items for each child attribute
Repeater { Repeater {
id: childrenRepeater id: childrenRepeater
@ -215,29 +212,66 @@ RowLayout {
id: nameContainer id: nameContainer
implicitHeight: childrenRect.height implicitHeight: childrenRect.height
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignVCenter Layout.alignment: {
if (attribute.isOutput) {
return Qt.AlignRight | Qt.AlignVCenter
}
return Qt.AlignLeft | Qt.AlignVCenter
}
Label { MaterialToolLabel {
id: nameLabel id: nameLabel
anchors.rightMargin: 0
anchors.right: attribute && attribute.isOutput ? parent.right : undefined
labelIconRow.layoutDirection: attribute.isOutput ? Qt.RightToLeft : Qt.LeftToRight
labelIconRow.spacing: 0
enabled: !root.readOnly enabled: !root.readOnly
visible: true visible: true
property bool hovered: (inputConnectMA.containsMouse || inputConnectMA.drag.active || inputDropArea.containsDrag || outputConnectMA.containsMouse || outputConnectMA.drag.active || outputDropArea.containsDrag) property bool hovered: (inputConnectMA.containsMouse || inputConnectMA.drag.active ||
text: root.updateLabel() inputDropArea.containsDrag || outputConnectMA.containsMouse ||
elide: hovered ? Text.ElideNone : Text.ElideMiddle outputConnectMA.drag.active || outputDropArea.containsDrag)
width: hovered ? contentWidth : parent.width
font.pointSize: 7 labelIconColor: {
font.italic: isChild ? true : false if ((object.hasOutputConnections || object.isLink) && !object.enabled) {
horizontalAlignment: attribute && attribute.isOutput ? Text.AlignRight : Text.AlignLeft
anchors.right: attribute && attribute.isOutput ? parent.right : undefined
rightPadding: 0
color: {
if ((object.hasOutputConnections || object.isLink) && !object.enabled)
return Colors.lightgrey return Colors.lightgrey
else if (hovered) } else if (hovered) {
return palette.highlight return palette.highlight
}
return palette.text return palette.text
} }
labelIconMouseArea.enabled: false // Prevent mixing mouse interactions between the label and the pin context
// Text
label.text: attribute.label
label.font.pointSize: 7
label.elide: hovered ? Text.ElideNone : Text.ElideMiddle
label.horizontalAlignment: attribute && attribute.isOutput ? Text.AlignRight : Text.AlignLeft
// Icon
iconText: {
if (isGroup) {
return expanded ? MaterialIcons.expand_more : MaterialIcons.chevron_right
}
return ""
}
iconSize: 7
icon.horizontalAlignment: attribute && attribute.isOutput ? Text.AlignRight : Text.AlignLeft
// Handle tree view for nested attributes
icon.leftPadding: {
if (attribute.depth != 0 && !attribute.isOutput) {
return attribute.depth * 10
}
return 0
}
icon.rightPadding: {
if (attribute.depth != 0 && attribute.isOutput) {
return attribute.depth * 10
}
return 0
}
} }
} }