建立第一个QtDesigner

1.从Tools中进去

在这里插入图片描述

2.打开QT后,创建一个

在这里插入图片描述

3.拖拽左边的

下面就来简单介绍下整个画面的构成:

左侧的“Widget Box”就是各种可以自由拖动的组件

中间的“MainWindow - untitled”窗体就是画布

右上方的"Object Inspector"可以查看当前ui的结构

右侧中部的"Property Editor"可以设置当前选中组件的属性

右下方的"Resource Browser"可以添加各种素材,比如图片,背景等等,目前可以不管

大致了解了每个板块之后,就可以正式开始编写第一个UI了

拖拽一个label和push button
右侧可以设置属性

保存,命名为Helloworld.ui

4.pycharm自动出现了

在这里插入图片描述

5.鼠标放在那

右键

在这里插入图片描述
点击Pyuic就自动出现了python程序

from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(463, 375)
        self.label = QtWidgets.QLabel(Form)
        self.label.setGeometry(QtCore.QRect(150, 50, 121, 20))
        font = QtGui.QFont()
        font.setPointSize(15)
        self.label.setFont(font)
        self.label.setObjectName("label")
        self.pushButton = QtWidgets.QPushButton(Form)
        self.pushButton.setGeometry(QtCore.QRect(140, 140, 131, 21))
        font = QtGui.QFont()
        font.setPointSize(12)
        self.pushButton.setFont(font)
        self.pushButton.setObjectName("pushButton")

        self.retranslateUi(Form)
        QtCore.QMetaObject.connectSlotsByName(Form)

    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
        Form.setWindowTitle(_translate("Form", "Form"))
        self.label.setText(_translate("Form", "Hello World!"))
        self.pushButton.setText(_translate("Form", "Hello World"))

6.运行的话,还需要主函数

if __name__ == "__main__":
    import sys
    from PyQt5.QtGui import QIcon

    app = QtWidgets.QApplication(sys.argv)
    widget = QtWidgets.QWidget()
    ui = Ui_Form()
    ui.setupUi(widget)
    # widget.setWindowIcon(QIcon('web.png'))# 增加icon图标,如果没有图片可以没有这句
    widget.show()
    sys.exit(app.exec_())

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_47289438/article/details/110817377