文章目录

  • First Steps with Qt Designer
    • Laying out your Main Window
    • 使用生成的.ui文件(Using your generated .ui file)
      • 直接加载对应UI文件(Loading the .ui file directly)
      • 将UI文件转为Python文件
  • 总结
  • 参考

First Steps with Qt Designer

  • 当前,我们的已经使用Python代码来创建apps,这在很多方面都还是不错,但是随着apps的复杂,再通过编程实现就很冗余和困难,就需要用支持拖拽的QtDesigner来实现。
  • 实在pycharm中安装QtDesigner的,相关安装教程链接。
  • 主要用到三个工具
    • QtDesigner:通过QtDesigner图形化编辑对应图形界面
    • PyUIC:将.ui文件转成py文件
    • PyRcc:将QtDesigner中使用的图片编译为py文件,再继续使用

Laying out your Main Window

  • 点击创建一个MainWindow应用,随便拖进去两个widgets,这里拖进去一个label和一个pushbutton,然后使用。可以看到的centralWidget上的红圈,显示当前的widget中并没有任何布局。
  • 右击红圈,选中布局,选择水平布局,即可发现变化。
  • 将制作完成应用保存为.ui文件
  • .ui文件是以XML的格式存在的,为了在python中使用这个UI文件,我们有两种选择方式
    • 直接将ui文件导入到一个类中,使用.loadUI()方法
    • 使用pyuic5工具,将之转变为python代码

使用生成的.ui文件(Using your generated .ui file)

直接加载对应UI文件(Loading the .ui file directly)

  • 使用pyqt5中内嵌uic模块中uic.laodUI()函数实现直接加载.ui文件,只需要指定ui文件的名称加载,就能创建一个pyqt5对象

将UI文件转为Python文件

  • 通过控制台的命令行,实现将.ui文件转为.py文件,命令行如下
pyuic5 mainwindow.ui -o MainWindow.py

  • 你可以对上述生成的py文件进行修改,然后导入到主程序中,仍旧可以正常使用。主要是通过如下语句导入的
from MainWindow import Ui_MainWindow
  • 主程序中创建一个对应的类,这个类是QMainWindow和uic工具生成的类Ui_MainWindow的子类,最后,在init函数中调用setupUi(self),生成对应的界面

总结

  • 使用qtdesigner能够很大程度上减少我的工作量,在已经学过了基础教程的情况下,可以使用Qtdesigner设计,并在生成py文件上进行修改。

参考

  • PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)详细教程
  • First steps with Qt Designer

使用Qt Designer制作应用(Creating applications with Qt Application))相关推荐

  1. distiller的另一个实例正忙于启动_PYQT5学习(02):利用Qt Designer制作第一个窗口程序

    目标 利用Qt Designer设计窗口界面 使用PyUIC把Qt Designer生成的UI文件转换为py文件 使用转换生成的py文件 创建项目 启动启动pycharm并创建项目 这一环节在这里就不 ...

  2. 使用Qt Designer制作软件的图形界面

    介绍 Qt Designer是一款设计和构建图形用户界面的Qt工具,本文介绍如何使用Qt Manager制作软件的图形界面. 安装 使用Qt Manager时,首先在python的环境中安装pyqt, ...

  3. PyQt5 图形界面 - Qt Designer设置简体中文方法演示,Qt Designer字体设置,Qt Designer工具单独安装包获取,Qt Designer简体中文语言包获取

    Qt Designer 工具获取: PyQt5 图形界面 - Qt Designer 独立安装包,仅需 30M!python 图像化界面绘制工具 这是默认版本样式,下面来看下简体中文设置过程. Qt ...

  4. pycharm + PyQt + QT Designer制作计算器

    1: 打开Designer,建立ui文件 选择所有按键,然后点击右键选择 layout–>layout in a Grid 对这些按键进行网格布局 将文件保存为mainwindow.ui 2: ...

  5. PyQt5 图形界面-基础准备:安装Qt Creater、Qt Designer工具,使用Qt Designer设计界面,安装PyQt5工具库

    PyQt5 就是一个把 QtDesigner 设计的界面转化为 python 代码的 python 库. QtDesigner 就是 QtCreater 里的一个功能,所以我们需要安装 QtCreat ...

  6. pyqt5 tableview 设置行颜色_Tools Ⅰ:如何用 PyQt5 和 Qt Designer 在 Pycharm 中愉快地开发软件...

    本文使用 Zhihu On VSCode 创作并发布 转载自 两个轮子 的 CSDN https://blog.csdn.net/qq_40666028/article/details/8106987 ...

  7. 为Qt Designer创建自定义Widgets小部件

    为Qt Designer创建自定义Widgets小部件 为Qt Designer创建自定义Widgets小部件 入门 在注释domXml()功能 插件要求 创建行为良好的小部件 编译和安装插件 一个简 ...

  8. 在Qt Designer中使用自定义Widgets小部件

    在Qt Designer中使用自定义Widgets 在Qt Designer中使用自定义Widgets 处理自定义Widgets小部件 推广Widgets小部件 用户定义的自定义小部件 在Qt Des ...

  9. 在Qt Designer中使用样式表

    在Qt Designer中使用样式表 在Qt Designer中使用样式表 在Qt Designer中使用样式表 从Qt 4.2开始,可以使用样式表编辑器在Qt Designer中编辑样式表. 设置样 ...

最新文章

  1. Leetcode PHP题解--D49 821. Shortest Distance to a Character
  2. DellEMC品牌正式启用50%是上一代的R730对比R74
  3. VMware虚拟机中CentOS根分区的扩展
  4. XMLSpy编写DTD出错:Character 'D' is grammatically unexpected
  5. Python动态变量名定义与调用
  6. php实例类,php实例-对象与类
  7. Oracle入门(十四.6)之使用标量数据类型
  8. Linux 2440 LCD 控制器
  9. 基于 HTML5 WebGL 的 3D 场景中的灯光效果
  10. C++简单实现 前缀树
  11. C# 设置PPT的表格样式
  12. 【Go语言】深入浅出chan(各种实例场景+分析)
  13. 第138天,我成为了CSDN博客专家,在搬砖的道路上继续努力
  14. Word 题注重新编号
  15. 获取“今日头条”西瓜视频
  16. 风云防火“强”为你打造出坚实系统(转)
  17. JVM系列:JIT技术概述
  18. Google推出免费中秋祝福短信服务
  19. 可以相应中断cpu操作中置标志
  20. Java项目:公寓房屋出租系统(java+SSM+JSP+EasyUI+Echarts+Mysql)

热门文章

  1. 【Java案例】公司经理与员工涨薪程序
  2. 大水题--健康的荷斯坦奶牛
  3. thinkphp 源码分析(四)—— 错误和异常处理 以及 log 日志
  4. Docker容器之网络详解
  5. 公钥密码体制及RSA公钥加密算法(下)
  6. 智能厕所引导系统让‘上厕所’更舒服更智能
  7. 10 个杀手级的自动化脚本
  8. [go]go注释中的Example
  9. 业内首个支持渐进式组件化的开源框架
  10. 哈希什么意思_哈希什么