implemented text edit property widget

Author: jchanvfx

NodeGraphQt/widgets/properties.py

@@ -175,8 +175,19 @@ class PropLineEdit(QtWidgets.QLineEdit):
 
     def __init__(self, parent=None):
         super(PropLineEdit, self).__init__(parent)
+        self.__prev_text = ''
         self.returnPressed.connect(self._on_return_pressed)
 
+    def focusInEvent(self, event):
+        super(PropLineEdit, self).focusInEvent(event)
+        self.__prev_text = self.text()
+
+    def focusOutEvent(self, event):
+        super(PropLineEdit, self).focusOutEvent(event)
+        if self.__prev_text != self.text():
+            self.value_changed.emit(self.toolTip(), self.text())
+        self.__prev_text = ''
+
     def _on_return_pressed(self):
         self.value_changed.emit(self.toolTip(), self.get_value())
 
@@ -189,6 +200,36 @@ def set_value(self, value):
             self.value_changed.emit(self.toolTip(), value)
 
 
+class PropTextEdit(QtWidgets.QTextEdit):
+
+    value_changed = QtCore.Signal(str, object)
+
+    def __init__(self, parent=None):
+        super(PropTextEdit, self).__init__(parent)
+        self.__prev_text = ''
+
+    def focusInEvent(self, event):
+        super(PropTextEdit, self).focusInEvent(event)
+        self.__prev_text = self.toPlainText()
+
+    def focusOutEvent(self, event):
+        super(PropTextEdit, self).focusOutEvent(event)
+        if self.__prev_text != self.toPlainText():
+            self.value_changed.emit(self.toolTip(), self.toPlainText())
+        self.__prev_text = ''
+
+    def _on_return_pressed(self):
+        self.value_changed.emit(self.toolTip(), self.get_value())
+
+    def get_value(self):
+        return self.toPlainText()
+
+    def set_value(self, value):
+        if value != self.get_value():
+            self.setPlainText(value)
+            self.value_changed.emit(self.toolTip(), value)
+
+
 class PropComboBox(QtWidgets.QComboBox):
 
     value_changed = QtCore.Signal(str, object)
@@ -261,7 +302,7 @@ def set_value(self, value):
 WIDGET_MAP = {
     NODE_PROP_QLABEL:       PropLabel,
     NODE_PROP_QLINEEDIT:    PropLineEdit,
-    NODE_PROP_QTEXTEDIT:    PropLineEdit,
+    NODE_PROP_QTEXTEDIT:    PropTextEdit,
     NODE_PROP_QCOMBO:       PropComboBox,
     NODE_PROP_QCHECKBOX:    PropCheckBox,
     NODE_PROP_QSPINBOX:     PropSpinBox,
@@ -305,8 +346,12 @@ def add_widget(self, name, widget, value, label=None):
         row = self.__layout.rowCount()
         if row > 0:
             row += 1
-        self.__layout.addWidget(QtWidgets.QLabel(label), row, 0,
-                                QtCore.Qt.AlignCenter | QtCore.Qt.AlignRight)
+
+        label_flags = QtCore.Qt.AlignCenter | QtCore.Qt.AlignRight
+        if widget.__class__.__name__ == 'PropTextEdit':
+            label_flags = label_flags | QtCore.Qt.AlignTop
+
+        self.__layout.addWidget(QtWidgets.QLabel(label), row, 0, label_flags)
         self.__layout.addWidget(widget, row, 1)
 
     def get_widget(self, name):
@@ -432,7 +477,8 @@ def _read_node(self, node):
                         widget.set_min(prop_range[0])
                         widget.set_max(prop_range[1])
 
-                prop_window.add_widget(prop_name, widget, value)
+                prop_window.add_widget(prop_name, widget, value,
+                                       prop_name.replace('_', ' '))
                 widget.value_changed.connect(self._on_property_changed)
 
         # add "Node" tab properties.
@@ -446,7 +492,8 @@ def _read_node(self, node):
             widget = WidClass()
             prop_window.add_widget(prop_name,
                                    widget,
-                                   model.get_property(prop_name))
+                                   model.get_property(prop_name),
+                                   prop_name.replace('_', ' '))
 
             widget.value_changed.connect(self._on_property_changed)
 
@@ -523,7 +570,7 @@ def __init__(self):
             super(TestNode, self).__init__()
             self.create_property('label_test', 'foo bar',
                                  widget_type=NODE_PROP_QLABEL)
-            self.create_property('text_edit', 'hello',
+            self.create_property('line_edit', 'hello',
                                  widget_type=NODE_PROP_QLINEEDIT)
             self.create_property('color_picker', (0, 0, 255),
                                  widget_type=NODE_PROP_COLORPICKER)
@@ -535,6 +582,9 @@ def __init__(self):
             self.create_property('range', 50,
                                  range=(45, 55),
                                  widget_type=NODE_PROP_SLIDER)
+            self.create_property('text_edit', 'test text',
+                                 widget_type=NODE_PROP_QTEXTEDIT,
+                                 tab='text')
 
 
     def prop_changed(node_id, prop_name, prop_value):

NodeGraphQt/widgets/stylesheet.py

@@ -36,6 +36,16 @@
 }
 '''
 
+STYLE_QTEXTEDIT = '''
+QTextEdit {
+    border: 1px solid rgba(255, 255, 255, 50);
+    border-radius: 0px;
+    color: rgba(255, 255, 255, 150);
+    background: rgba(0, 0, 0, 80);
+    selection-background-color: rgba(255, 198, 10, 155);
+}
+'''
+
 STYLE_TABSEARCH = '''
 QLineEdit {
     border: 2px solid rgba(170, 140, 0, 255);