一、效果展示

二、功能包安装与使用

1.安装QtDesigner

在虚拟环境下输入:
pip install PyQt5Designer
完成安装

2.启动QtDesigner

在终端下输入designer.exe打开界面编辑器，并选择建立一个主窗口。

保存当前设计文档为demo06.ui到一个文件夹下。

三、设计界面

1.布局

拖动一个标签Label和一个PushButton，合理排版如下图所示，双机相应的控件可以修改其展示的文字，这里我将label展示一个Hello World！：

2.修改控件属性

修改Label控件的objectName名字为HelloworldLabel，如下：

修改PushButton控件的objectName名字为click_me_Button，如下：

3.ui转py文件

在ui文件的终端下输入如下指令，可以将ui文件转换成py文件。
pyuic5 -x demo06.ui -o demo06.py
此时在ui文件的同一目录下多了一个同名的py文件。注意：这个py文件是每次执行上述指令会被更新的。所以如果要对这个py文件进行修改，最好复制到另一个地方。以防下次进行ui转py的时候将修改过的py文件更新掉。

4.修改py文件

我们在Ui_MainWindow类中建立一个press_it()方法，用来响应按钮按下。

    def press_it(self):self.HelloworldLabel.setText("Clicked")

在大约20行处，为新建的按钮添加按钮按下的响应函数接口press_it():

self.click_me_Button = QtWidgets.QPushButton(self.centralwidget,clicked=lambda :self.press_it())

执行demo06.py文件，出现文章开头的效果展示图。

三、源代码

demo06.py文件内容

# -*- coding: utf-8 -*-# Form implementation generated from reading ui file 'demo06.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.from PyQt5 import QtCore, QtGui, QtWidgetsclass Ui_MainWindow(object):def setupUi(self, MainWindow):MainWindow.setObjectName("MainWindow")MainWindow.resize(351, 304)self.centralwidget = QtWidgets.QWidget(MainWindow)self.centralwidget.setObjectName("centralwidget")self.click_me_Button = QtWidgets.QPushButton(self.centralwidget,clicked=lambda :self.press_it())self.click_me_Button.setGeometry(QtCore.QRect(40, 130, 261, 111))self.click_me_Button.setObjectName("click_me_Button")self.HelloworldLabel = QtWidgets.QLabel(self.centralwidget)self.HelloworldLabel.setGeometry(QtCore.QRect(10, 0, 331, 131))font = QtGui.QFont()font.setFamily("Adobe Caslon Pro")font.setPointSize(18)self.HelloworldLabel.setFont(font)self.HelloworldLabel.setLayoutDirection(QtCore.Qt.LeftToRight)self.HelloworldLabel.setAlignment(QtCore.Qt.AlignCenter)self.HelloworldLabel.setObjectName("HelloworldLabel")MainWindow.setCentralWidget(self.centralwidget)self.menubar = QtWidgets.QMenuBar(MainWindow)self.menubar.setGeometry(QtCore.QRect(0, 0, 351, 26))self.menubar.setObjectName("menubar")MainWindow.setMenuBar(self.menubar)self.statusbar = QtWidgets.QStatusBar(MainWindow)self.statusbar.setObjectName("statusbar")MainWindow.setStatusBar(self.statusbar)self.retranslateUi(MainWindow)QtCore.QMetaObject.connectSlotsByName(MainWindow)def press_it(self):self.HelloworldLabel.setText("Clicked")def retranslateUi(self, MainWindow):_translate = QtCore.QCoreApplication.translateMainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))self.click_me_Button.setText(_translate("MainWindow", "Click Me!"))self.HelloworldLabel.setText(_translate("MainWindow", "Hello World!!!"))if __name__ == "__main__":import sysapp = QtWidgets.QApplication(sys.argv)MainWindow = QtWidgets.QMainWindow()ui = Ui_MainWindow()ui.setupUi(MainWindow)MainWindow.show()sys.exit(app.exec_())

极速PyQt5基础教程06：QtDesigner设计软件界面相关推荐

PyQt5 Qt Designer 新手教程（一）—— 软件界面介绍
PyQt5 Qt Designer 新手教程(一)-- 软件界面介绍教程博文一.前言终于学到了 PyQt5 Qt 设计师(Qt Designer)这个软件,博主感觉心情还是很激动的.因为,当初学 ...
Flash：Flash动画设计软件界面的简介、Flash AS 3.0代码编程入门教程之详细攻略
Flash:Flash动画设计软件界面的简介.Flash AS 3.0代码编程入门教程之详细攻略目录 Flash动画设计软件界面的简介快捷键菜单栏下边工具栏右边工具栏工具箱 Flash A ...
ArcGIS二次开发基础教程(06)：有关图层的基本操作
ArcGIS二次开发基础教程(06):有关图层的基本操作 0. PageLayout和MapControl 的同步 void CopyToPage(){//对象拷贝,把mapcontrol的地图拷贝重 ...
QtDesigner设计的界面适应高分辨率屏幕
QtDesigner设计的界面适应高分辨率屏幕问题描述:用QtDesigner设计好的界面.ui转换成.py后,在高分辨率屏幕下显示不全或者界面缩小显示混乱,需要手动放大页面. 解决方案:在主函数入 ...
android学习笔记---53_采用网页设计软件界面,以及使用android系统内置的浏览器,利用js调用java方法
Java技术qq交流群:JavaDream:251572072 2013/5/16 53_采用网页设计软件界面 ------------------------------ 1.注意这里可以把网页放到 ...
PyQt5系列教程(二)利用QtDesigner设计UI界面
软硬件环境 OS X EI Capitan Python 3.5.1 PyQt 5.5.1 PyCharm 5.0.1 前言在PyQt5系列教程的第一篇http://blog.csdn.net/dj ...
计算机软件基础教程刘彦明,软件技术基础教程
本书是关于计算机软件技术的基础教材,简明扼要地介绍了计算机软件设计与开发过程中所需要的基本知识.主要内容包括:基本的数据结构及其运算,实用的查找与排序技术,数据库设计的技术,Windows程序设计,编 ...
javplayer 使用教程_药物设计软件Sybyl教程（五）：绘制分子对接后对接表面
教程内容: 以SYBYL-X 2.0软件为例,进行分子对接(Surflex-Dock)后创建对接空腔的对接表面教程. 1 视频教程建议在wifi环境下观看~ 2 图文教程 1.打开对接结果本期教程 ...
javplayer 使用教程_药物设计软件Sybyl教程（一）：基于Tripos力场对小分子配体进行结构优化...
文 / 利刃君微信ID/ ziyuanliren666全文共1104字,推荐阅读时间6分钟. 教程内容: 以SYBYL-X 2.0软件为例,对小分子配体进行基于Tripos力场的能量最小化计算,优化分 ...
HTA入门基础教程 | VBS脚本的GUI界面 HTA简明教程 ,附带完整历程及界面美化
背景知识 HTA是 HTML Application的缩写(HTML应用程序),是软件开发的新概念,直接将HTML保存成HTA的格式,就是一个独立的应用软件,与VB.C++等程序语言所设计的软件界面没 ...

极速PyQt5基础教程06：QtDesigner设计软件界面

QtDesigner