前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PyQt5 图形界面-用Qt Designer来设计UI界面,并转化为python代码运行

PyQt5 图形界面-用Qt Designer来设计UI界面,并转化为python代码运行

作者头像
小蓝枣
发布2020-09-24 10:25:33
5K0
发布2020-09-24 10:25:33
举报
文章被收录于专栏:CSDN博客专家-小蓝枣的博客

Qt Designer 是 Qt Creater 程序里的一个功能。

PyQt5是把 Qt Designer 设计的界面转化为python代码的库。

请看这篇文章:

Qt Creater、PyQt5工具库的安装

下面来讲Qt Designer的使用。

创建UI界面

首先打开我们的Qt Creater

点击左上角文件的“新建文件或项目”,然后我们选择Qt Designer Form。

选一个默认布局

选择存储路径和存储名称

我们设计一个这样的页面,然后保存就好了。

注: 编辑时不想要的组件直接拖到左边的组件区就删除了。

转化为python代码

我们设计的UI图保存后是一个.ui结尾的文件。

我们装好了PyQt5后直接在cmd用pyuic5命令就可以,前提是要cd进文件所在的文件夹下哦!

注: ui.py是我们编译完后py文件的名字哦!

ui.py就是它生成的呢!

运行编译后的python代码

第一步:

编译后的python代码只是一个类,我们想要运行它还要改点东西;

开头这样设置很方便呢!

代码语言:javascript
复制
import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *

第二步:

我们在setupUi(self, Dialog)的函数里的最后加上Dialog.show()

这个Dialog是函数头的self后的参数哦!

代码语言:javascript
复制
class Ui_Dialog(object):
    def setupUi(self, Dialog):
    	#省略代码
    	Dialog.show()

第三步:

最后我们加上一段运行的代码就好了。

代码语言:javascript
复制
if __name__ == "__main__":  
	app = QApplication(sys.argv) 
	form = QWidget()
	w = Ui_Dialog()
	w.setupUi(form)
	form.show()
	sys.exit(app.exec_())

铛铛铛铛,跟我设计的UI图一模一样呢!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018/12/26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 创建UI界面
  • 转化为python代码
  • 运行编译后的python代码
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档