在pycharm的pyqt5中编写一个简单的图形化界面

一、熟悉designer——设计界面的神器
designer是一个强大的GUI设计工具,设计完之后还可以自动生成代码,然后我们将这些代码转换成python代码就可以了,是不是很方便!!
1.首先打开designer
点击【工具】-【外部工具】-【Qt Designer】:
在这里插入图片描述
2.创建窗口
在这里插入图片描述
在这里插入图片描述
这里有5种常见的窗口类型,可以自己打开看看是个什么样子的窗口
Dialog with Buttons Bottom:按钮在底部的对话框窗口
Dialog with Buttons Right:按钮在右上角的对话框窗口
Dialog without Buttons:没有按钮的对话框窗口
Main Window:一个带菜单,停靠窗口和状态栏的主窗口
Widget:通用窗口
设计窗口中用的最多的是Main Window

3.熟悉各部功能区域
在这里插入图片描述

二、设计自己的第一个GUI
1.在designer中拖动控件来完善窗口程序
在这里插入图片描述
然后继续拖动,调整大小。
在这里插入图片描述
不同控件有不同的功能,大家可以自己拖动到mainwindow上看看它们都能干些什么。

2.保存为.ui文件
在这里插入图片描述
3.将.ui文件转换成.py文件
还记得之前配置的外部工具吗?PyUIC
我们来试试吧!
先选中要转换的.ui文件,然后点击【工具】-【外部工具】-【PyUIC】:
点击
Process finished with exit code 0
即表示转换完成,在当前目录下可以找到csdn_article.py文件。
————————————————
4.添加程序入口
这时我们发现运行没有反应。为什么呢?我们刚刚设计的界面转换成.py文件不行?
其实原因是我们没有为程序添加入口。
在代码末尾加上:

import sys
if __name__ == '__main__':
   app = QtWidgets.QApplication(sys.argv)
   MainWindow = QtWidgets.QMainWindow() # 创建窗体对象
   ui = Ui_MainWindow() # 创建PyQt设计的窗体对象
   ui.setupUi(MainWindow) # 调用PyQt窗体的方法对窗体对象进行初始化设置
   MainWindow.show() # 显示窗体
   sys.exit(app.exec_()) # 程序关闭时退出进程
   

在这里插入图片描述

现在再运行就可以啦!
在这里插入图片描述
虽然界面很简单,但是,我们已经掌握了设计GUI的基本流程了!千里之行始于足下。让我们再接再厉,更上一层楼。
参考书目:Python GUI设计(PyQt5从入门到实战)—明日科技
原文链接:https://blog.youkuaiyun.com/leidawangzi/article/details/110846609

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木子李2789

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值