Use python generated code to display widget

2012

Hi
I just started with Designer. I used the this tutorial to generate an rgb Controller widget (https://doc.qt.io/qt-5/designer-quick-start.html#). Everything went as expected, at the end I saved the widget in a .ui file. Then I converted the .ui file to a .py file. This is the generated code:

-- coding: utf-8 --

Form implementation generated from reading ui file 'rgb_controller.ui'

Created by: PyQt5 UI code generator 5.13.0

WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_Form(object):
def setupUi(self, Form):
Form.setObjectName("Form")
Form.resize(377, 320)
self.horizontalLayout = QtWidgets.QHBoxLayout(Form)
self.horizontalLayout.setObjectName("horizontalLayout")
self.gridLayout = QtWidgets.QGridLayout()
self.gridLayout.setObjectName("gridLayout")
self.label = QtWidgets.QLabel(Form)
self.label.setObjectName("label")
self.gridLayout.addWidget(self.label, 0, 0, 1, 1)
self.spinBox = QtWidgets.QSpinBox(Form)
self.spinBox.setMaximum(255)
self.spinBox.setObjectName("spinBox")
self.gridLayout.addWidget(self.spinBox, 1, 0, 1, 1)
self.verticalSlider = QtWidgets.QSlider(Form)
self.verticalSlider.setMaximum(255)
self.verticalSlider.setOrientation(QtCore.Qt.Vertical)
self.verticalSlider.setObjectName("verticalSlider")
self.gridLayout.addWidget(self.verticalSlider, 2, 0, 1, 1)
self.horizontalLayout.addLayout(self.gridLayout)
self.gridLayout_2 = QtWidgets.QGridLayout()
self.gridLayout_2.setObjectName("gridLayout_2")
self.label_2 = QtWidgets.QLabel(Form)
self.label_2.setObjectName("label_2")
self.gridLayout_2.addWidget(self.label_2, 0, 0, 1, 1)
self.spinBox_2 = QtWidgets.QSpinBox(Form)
self.spinBox_2.setMaximum(255)
self.spinBox_2.setObjectName("spinBox_2")
self.gridLayout_2.addWidget(self.spinBox_2, 1, 0, 1, 1)
self.verticalSlider_2 = QtWidgets.QSlider(Form)
self.verticalSlider_2.setMaximum(255)
self.verticalSlider_2.setOrientation(QtCore.Qt.Vertical)
self.verticalSlider_2.setObjectName("verticalSlider_2")
self.gridLayout_2.addWidget(self.verticalSlider_2, 2, 0, 1, 1)
self.horizontalLayout.addLayout(self.gridLayout_2)
self.gridLayout_3 = QtWidgets.QGridLayout()
self.gridLayout_3.setObjectName("gridLayout_3")
self.label_3 = QtWidgets.QLabel(Form)
self.label_3.setObjectName("label_3")
self.gridLayout_3.addWidget(self.label_3, 0, 0, 1, 1)
self.spinBox_3 = QtWidgets.QSpinBox(Form)
self.spinBox_3.setMaximum(255)
self.spinBox_3.setObjectName("spinBox_3")
self.gridLayout_3.addWidget(self.spinBox_3, 1, 0, 1, 1)
self.verticalSlider_3 = QtWidgets.QSlider(Form)
self.verticalSlider_3.setMaximum(255)
self.verticalSlider_3.setOrientation(QtCore.Qt.Vertical)
self.verticalSlider_3.setObjectName("verticalSlider_3")
self.gridLayout_3.addWidget(self.verticalSlider_3, 2, 0, 1, 1)
self.horizontalLayout.addLayout(self.gridLayout_3)

    self.retranslateUi(Form)
    self.verticalSlider.valueChanged['int'].connect(self.spinBox.setValue)
    self.spinBox.valueChanged['int'].connect(self.verticalSlider.setValue)
    self.verticalSlider_2.valueChanged['int'].connect(self.spinBox_2.setValue)
    self.spinBox_2.valueChanged['int'].connect(self.verticalSlider_2.setValue)
    self.verticalSlider_3.valueChanged['int'].connect(self.spinBox_3.setValue)
    self.spinBox_3.valueChanged['int'].connect(self.verticalSlider_3.setValue)
    QtCore.QMetaObject.connectSlotsByName(Form)

def retranslateUi(self, Form):
    _translate = QtCore.QCoreApplication.translate
    Form.setWindowTitle(_translate("Form", "Form"))
    self.label.setText(_translate("Form", "RED"))
    self.label_2.setText(_translate("Form", "GREEN"))
    self.label_3.setText(_translate("Form", "BLUE"))

My question is, what code do I use to display this widget now?

Thanks in advance

Kent-Dorfman

when you use pyuic to convert from xml to py code use the -x option so that the output code has a main and inspect that block to see how it is used. There are multiple ways to "realize" a UI, and they are explained in the Qt docs and tutorials.

2012

Finally I solved my problem. In the same directory I created another python file with the following code:

MyPyQt.py

-- coding: utf-8 --

pylint: disable=missing-docstring

pylint: disable=no-name-in-module

import sys
from PyQt5.QtWidgets import QApplication, QWidget
from rgb_controller import Ui_Form

app = QApplication(sys.argv)
window = QWidget()
ui = Ui_Form()
ui.setupUi(window)

window.show()
sys.exit(app.exec_())

When I run the code, the widget appears on screen