@elias_hh okay so how to render that Designer View in Python-Qt well here is a version of the above in a Layout form only hope this helps you moving forward
from PyQt5.QtCore import Qt, pyqtSlot
from PyQt5.QtGui import QFont
from PyQt5.QtWidgets import QApplication, QMainWindow, QWidget
from PyQt5.QtWidgets import QVBoxLayout, QHBoxLayout, QStyleFactory
from PyQt5.QtWidgets import QGridLayout, QLabel
from PyQt5.QtWidgets import QPushButton, QLineEdit, QTextEdit
class BigButton(QPushButton):
def __init__(self, text):
QPushButton.__init__(self)
Font = QFont()
Font.setPointSize(12)
Font.setBold(True)
Hight=50; Width=150
self.setFixedSize(Width, Hight)
self.setFont(Font)
self.setText(text)
# Note considering what you are doing with this I would
# strongly suggest you replace the following with a QTreeView
# with multiple columns as that would handle it much cleaner
# and efficiently but here is literally what you presented
class SelectdImgs(QWidget):
def __init__(self, parent):
QWidget.__init__(self)
Font = QFont()
Font.setBold(True)
lblSelectd = QLabel('Selected Images')
lblSelectd.setFont(Font)
lblHight = QLabel('Height')
lblHight.setFont(Font)
lblWidth = QLabel('Width')
lblWidth.setFont(Font)
HiWi = 40
# These could have been sub-classed like the buttons but
# thought I would show both methods and why sub-classing
# style elements can be very useful when they are repeated
lneImgDesc1 = QLineEdit('Rectangle_abc_Height:5m_Width:8m')
# Due to how the layout works, setting this minimum value
# for this one sets it for all of them
lneImgDesc1.setMinimumWidth(200)
lneImgHiht1 = QLineEdit('5')
lneImgHiht1.setMaximumWidth(HiWi)
lneImgHiht1.setAlignment(Qt.AlignHCenter)
lneImgWdth1 = QLineEdit('8')
lneImgWdth1.setMaximumWidth(HiWi)
lneImgWdth1.setAlignment(Qt.AlignHCenter)
lneImgDesc2 = QLineEdit('Rectangle_def_Height:8m_Width:8m')
lneImgHiht2 = QLineEdit('8')
lneImgHiht2.setMaximumWidth(HiWi)
lneImgHiht2.setAlignment(Qt.AlignHCenter)
lneImgWdth2 = QLineEdit('8')
lneImgWdth2.setMaximumWidth(HiWi)
lneImgWdth2.setAlignment(Qt.AlignHCenter)
lneImgDesc3 = QLineEdit('Rectangle_ghi_Height:2m_Width:2m')
lneImgHiht3 = QLineEdit('2')
lneImgHiht3.setMaximumWidth(HiWi)
lneImgHiht3.setAlignment(Qt.AlignHCenter)
lneImgWdth3 = QLineEdit('2')
lneImgWdth3.setMaximumWidth(HiWi)
lneImgWdth3.setAlignment(Qt.AlignHCenter)
lneImgDesc4 = QLineEdit('Rectangle_jkl_Height:5m_Width:4m')
lneImgHiht4 = QLineEdit('5')
lneImgHiht4.setMaximumWidth(HiWi)
lneImgHiht4.setAlignment(Qt.AlignHCenter)
lneImgWdth4 = QLineEdit('4')
lneImgWdth4.setMaximumWidth(HiWi)
lneImgWdth4.setAlignment(Qt.AlignHCenter)
grdView = QGridLayout()
grdView.addWidget(lblSelectd,0,0)
grdView.addWidget(lblHight,0,1)
grdView.addWidget(lblWidth,0,2)
grdView.addWidget(lneImgDesc1,1,0)
grdView.addWidget(lneImgHiht1,1,1)
grdView.addWidget(lneImgWdth1,1,2)
grdView.addWidget(lneImgDesc2,2,0)
grdView.addWidget(lneImgHiht2,2,1)
grdView.addWidget(lneImgWdth2,2,2)
grdView.addWidget(lneImgDesc3,3,0)
grdView.addWidget(lneImgHiht3,3,1)
grdView.addWidget(lneImgWdth3,3,2)
grdView.addWidget(lneImgDesc4,4,0)
grdView.addWidget(lneImgHiht4,4,1)
grdView.addWidget(lneImgWdth4,4,2)
grdView.setColumnStretch(0, 1)
self.setLayout(grdView)
class CenterPanel(QWidget):
def __init__(self, parent):
QWidget.__init__(self)
self.Parent = parent
self.btnSelect = BigButton('Select')
self.btnSelect.clicked.connect(self.Selectd)
self.ImgView = SelectdImgs(self)
self.btnCalc = BigButton('Start Calc')
self.btnCalc.clicked.connect(self.CalcIt)
self.txeOutput = QTextEdit()
self.txeOutput.append('Rectangle_abc = 40 m²')
self.txeOutput.append('Rectangle_def = 64 m²')
self.txeOutput.append('Rectangle_ghi = 4 m²')
self.txeOutput.append('Rectangle_jkl = 20 m²')
VBox = QVBoxLayout()
VBox.addWidget(self.btnSelect)
VBox.addWidget(self.ImgView)
VBox.addWidget(self.btnCalc)
VBox.addWidget(self.txeOutput)
self.setLayout(VBox)
@pyqtSlot()
def Selectd(self):
self.Parent.SetStatusMsg('Item Selected')
@pyqtSlot()
def CalcIt(self):
self.Parent.SetStatusMsg('Calculating Items')
class MainWindow(QMainWindow):
def __init__(self):
QMainWindow.__init__(self)
self.setWindowTitle('Main Window')
WinLeft = 150; WinTop = 150; WinWidth = 500; WinHigh = 500
self.setGeometry(WinLeft, WinTop, WinWidth, WinHigh)
self.CenterPane = CenterPanel(self)
self.setCentralWidget(self.CenterPane)
self.StatBar = self.statusBar()
self.setStyle(QStyleFactory.create('Cleanlooks'))
def SetStatusMsg(self, StatusMsg=''):
if len(StatusMsg) < 1:
StatusMsg = 'Ready'
self.StatBar.showMessage(StatusMsg)
if __name__ == "__main__":
MainEventThred = QApplication([])
MainApplication = MainWindow()
MainApplication.show()
MainEventThred.exec()
