self.mainLayout.addWidget(self.nameEd1)
self.mainLayout.addWidget(self.nameEd2)
self.mainLayout.addWidget(self.btnLG)
self.mainLayout.addWidget(self.btnRG)
self.mainLayout.setSpacing(60)
最后再为他们绑定鼠标单击事件,即完成了登录界面的设计
self.btnLG.clicked.connect(self.login)
self.btnRG.clicked.connect(self.register)
最终大概效果如下:
首先进行UI设计,以方便界面布局设置,界面设计大致如下
之后就可以进行GUI编程
同样首先设置窗口大小,名称,图标,并对窗口进行部分设置
self.setFixedSize(960, 700)
self.setWindowTitle(‘Ken-Chy’)
self.setWindowIcon(QIcon(‘favicon.ico’))
self.setWindowOpacity(0.9) # 设置窗口透明度
self.setAttribute(QtCore.Qt.WA_TranslucentBackground) # 设置窗口背景透明
self.setWindowFlags(QtCore.Qt.FramelessWindowHint) # 隐藏边框
随后创建窗口部件并设置布局,由UI图我们首先可以将界面分为左右两个部件,并为它们设置Name标示,随后将左右两侧的部件加入主部件中,并为他们设置位置以及所占大小
self.main_widget = QtWidgets.QWidget() # 创建窗口主部件
self.main_layout =