熟悉PyQt5 与 Eric6 的 GUI 开发

用 Eric6 与 PyQt5 结合,非常方便的实现界面与逻辑分离,满足python的极速GUI编程,你只需要关注程序的逻辑实现,而不需要在界面上花很多时间。

可以说这是一对GUI开发完美的组合!

为了方便使用在正式开始之前我们先简单配置一下Eric6的项目工作区

配置Eric6

打开Eric6

选择菜单栏 设置-首选项

在左侧列表中选择项目-多重项目,点击右侧图标后选定硬盘中的一个位置,我这里是F:\Python\PyQt5文件夹。选好后点击右下方的OK按钮。

简单配置后,让我们正式开始体验极速GUI开发

实例

建立项目

打开Eric6,菜单栏中选择项目-新建

在项目属性对话框中的项目名称中输入Hello,你会发现右下方的OK按钮不可用。究其原因是项目文件夹中显示的是我们刚设置的多重项目工作区目录,也就是说在该目录下可以存在多个项目。多个项目混在一起肯定是不行的了,还要将它们用文件夹区分开来,简而言之就是该目录下的每个文件夹就是一个项目(当然了,自己胡乱创建的文件夹肯定不是了)。找到原因后我们就可以解决问题了。

点击项目文件夹后面的图标

在打开的选择项目文件夹对话框中右键点击空白处,在弹出的菜单中选择新建-文件夹

更改新建文件夹的名称为Hello(一般与项目名称同),选中该文件夹后点击右下方的选择文件夹按钮

回到项目属性对话框后可以看到项目文件夹已变成F:\Python\PyQt5\Hello,同时右下角的OK按钮已显示可用。

点击OK按钮后出现一个提示框,是否将已有文件添加到项目中?虽然该项目文件夹下还没有任何文件,但是这里选择Yes,因为我曾经选择No后到运行脚本时发现不能执行该功能。

点击Yes后在弹出的文件类型关联对话框直接OK

观察程序主界面的标题栏发现显示Hello – eric6。在项目浏览器的顶部源代码标签里自动为我们生成一个_init_.py文件,该文件中没有任何代码,我们不用去理会。

创建窗体

点击源代码标签右边的窗体标签,在标签下面的空白处右键点击,弹出的菜单选择新建窗体 

弹出新建窗体对话框,可以选择其它窗体类型,这里我们使用默认对话框类型,点击OK按钮

在弹出的新建窗体保存对话框中可以看到程序已将路径定位到项目文件夹下,输入文件名后点击保存按钮

在Eric6的窗体标签下可以看到程序已自动创建了HelloWindow.ui文件

设计窗体

点击上一步的保存按钮后,计算机会直接打开Qt设计师,并自动将HelloWindow.ui加载到程序中

在左侧的Widget Box里找到Push Button控件,用鼠标左键按住该控件不放,拖拽到HelloWindow.ui的设计窗体。拖拽两个Push Button控件到窗体

再找到Label控件,拖拽一个该控件到窗体

在程序的右侧观察对象查看器属性编辑器。使用对象查看器可以快速选取窗体中的控件,属性编辑器可以编辑修改窗体、控件的各种属性。

利用对象查看器选择我们刚拖拽的三个控件,分别将它们的objectName属性更改成:

  • 左边PushButton:Button_ok
  • 右边PushButton:Button_close
  • Label:label

分别将它们的text属性更改成:

  • 左边PushButton:确定
  • 右边PushButton:关闭
  • Label:显示

编辑信号/

接下来给关闭按钮添加退出程序的命令。在Qt设计师中,可以很直观的为控件添加事件命令,在PyQt5中这种方式添加的事件命令被称为信号/。(注:信号/机制是PyQt独有的信号传递机制,使用非常方便)

点击工具栏的编辑信号/槽图标

鼠标移动到关闭控件上面,左键按下拖拽处红色地线标志后松开鼠标

弹出配置链接窗口,在该窗口中勾选显示从QWidget继承的信号和槽

在左侧列表选择clicked(),在右侧列表选择close()

这个操作的意义为:当点击关闭按钮时,执行关闭命令

点击OK后可以看到刚选择的两项已链接附加到关闭按钮上

点击工具栏中的保存按钮后关闭Qt设计师程序

编译测试

回到Eric6中,右键点击HelloWindow.ui文件,在弹出的菜单中选择编译窗体

稍等片刻后程序会提示编译成功

返回源代码标签可以发现项目中多了一个Ui_HelloWindow.py文件,双击该文件可以查看我们设计好的窗体代码

点击菜单栏的开始-运行脚本(或直接按键盘F2键)

在弹出的运行脚本对话框直接OK

OK后即可看到我们刚在Qt设计师中设计的窗体,点击关闭按钮

弹出对话框中直接OK,即可关闭该程序

进一步完善程序

到现在我们没有编写一句代码即可实现了程序的显示与退出

接下来我们手动给确定按钮添加事件命令

在Eric6中的项目浏览器中找到HelloWindow.ui文件,右键点击该文件,弹出菜单中选择生成对话框代码

在弹出的窗体代码产生器窗口中点击新建

弹出新建对话框类中输入类名后点击OK

回到窗体代码产生器窗口后展开Button_ok(QPushButton),勾选on_Button_ok_clicked(),点击OK

在项目浏览器中可以看到源代码标签下又多了一个HelloWindow.py文件

双击该文件查看程序内容。若现在F2,程序将会报错,将

from .Ui_HelloWindow import Ui_Dialog

中.Ui前面的点去掉

from Ui_HelloWindow import Ui_Dialog

保存后若F2,发现还是不行,程序一闪而过。给源码添加以下内容

保存后F2,没问题了,可以点击确定按钮后还是会报错,是因为我们还没有告诉程序点击确定按钮后程序做出什么反应,修改on_Button_ok_clicked函数如下

保存后F2,点击确定后Label内容显示会变成这是我的第一个 PyQt5 程序,一切正常

附录与后记

附图

附加图:Label控件的位置与宽度

附加图:完成后的文件

后记

虽然我们通过这个实例能够感受得到PyQt5与Eric6结合使用的强大功能与极速GUI开发的能力非比寻常,可是对于刚接触PyQt5与Eric6的童鞋来说,要想发挥PyQt5与Eric6的强大功能与极速开发也是痴人说梦,究其原因是PyQt5与Eric6的结合让我们只用少量的代码编写就可以实现很多强大的功能,几乎底层的代码都不用去自己编写,因此,PyQt5真正强大的内容离我们很远。

这个实例就像一层窗户纸被捅破了,但是我们根本就迈不过去。所以若要真的学会PyQt5我们还需多学些PyQt5的底层内容,多手动编写一些代码。当随着我们的PyQt5水平不断提高,到那时我们会发现PyQt5与Eric6结合使用才是如虎添翼,驰骋在程序的海洋。

原文地址:https://www.cnblogs.com/frank-me/p/9510542.html

时间: 2024-10-28 09:53:26

熟悉PyQt5 与 Eric6 的 GUI 开发的相关文章

python3+PyQt5+pycharm桌面GUI开发环境搭建

python3+PyQt5+pycharm桌面GUI开发环境搭建 一.安装python PyQt5所支持的python版本是不低于3.5版本 python3.5以上的版本安装:https://www.python.org/downloads/windows/ 二.安装PyQt5 pip install PyQt5 pip install PyQt5-tools 三.配置pycharm 官网下载安装pycharm:https://www.jetbrains.com/pycharm/ 1,点击:Fi

Python3 GUI开发(PyQt)安装和配置

Python3 GUI开发(PyQt5)安装和配置: 下载安装好Miniconda3, 并且安装好jupyter 注意:最好关闭360杀毒软件或者把cmd加入信任,否则运行activate会有问题. 进入工作区,下载安装PyQt5,需要用镜像,不然下载网络非常不给力. pip install -i https://pypi.tuna.tsinghua.edu.cn/simple PyQt5 pip install -i https://pypi.tuna.tsinghua.edu.cn/simp

Java -GUI开发九九乘法表

Java GUI开发九九乘法表 (1)实现目标: 利用java自带的awt包,基础控件开发一个九九乘法表,点击可以显示对应的乘法口诀. (2)控件选择: 点击--Button 显示--TextField (3)界面设计:总体设计布局 (4)主窗体编写 将程序在屏幕中央区显示 1 /*窗口居中显示*/ 2 int Win_width=fr.getWidth(); 3 int Win_Height=fr.getHeight(); 4 Toolkit kit = Toolkit.getDefaultT

Mac OS X 10.11.1下搭建Python3.4 + PyQt5.5.1 +Eric6.1.1开发平台

由于Python易学.开源.面向对象.可移植性高.库丰富的特点,近期开始学习Python.百度了解了各款Python IDE后,还是认为Eric比较适合我,所以踏上了安装Eric坎坷之路,从选定工具到安装成功一共花费了8天时间,从Windows到Linux再到Mac,挨个折腾了一遍,Windows的搭建比较简单,下载好相应版本直接运行exe就行了,Linux和Mac下我都是用源码包安装的,所以遇到了不少问题最后,终于在Mac上研究明白了.把搭建的整个过程写下来,和与我一样的小白分享. PS:Ma

Python3+PyCharm+PyQt5配置进行GUI开发

一.安装Python3.5以上版本. 链接:https://www.python.org/downloads/windows/ 二.安装PyQt5. 使用pip安装:1.进入 C:\Users\你的计算机用户名. 2.新建一个文件夹,命名为pip. 3.进入文件夹新建一个文本文件,命名pip,文件后缀为ini(即 pip.ini ). 4.编辑 pip.ini,这里采用阿里云镜像来下载python包. [global] index-url = http://mirrors.aliyun.com/

PyQt5和Eric6安装

安装PyQt5: pip3 install pyqt5 进行安装 注意:使用 pip3 install PyQt5安装PyQt5.9版本后发现在./Python/Lib/site-packages/PyQt5目录下没有designer.exe工具, 在PyCharm的External Tools中找不到designer.exe,查阅资料后发现有如下解决方法: pip install PyQt5-tools -i http://pypi.douban.com/simple --trusted-ho

安装PyQt5和Eric6

安装官方的指引,安装起来本来是非常简单的,但是我前后折腾了两天,甚至连Eric得源码都去调试都没成功.过程如下: 在PyQt5的官网链接中下载轮子 PyQt5-5.7.1-5.7.1-cp34.cp35.cp36-none-win_amd64.whl 使用pip install PyQt5-5.7.1-5.7.1-cp34.cp35.cp36-none-win_amd64.whl 在Eric的官网下载Eric6. 使用python install.py,结果报错ImportError:DLL L

【Unity】第8章 GUI开发

分类:Unity.C#.VS2015 创建日期:2016-04-27 一.简介 前面的章节中实际上已经多次使用了GUI,只不过用法都比较简单,这一章系统地介绍Unity 5.x自带的GUI(称为UnityGUI)开发相关的知识. 二.本章要点 对于Unity的早期版本来说,由于其自身提供的GUI设计功能较弱,所以一般还需要借助其他GUI插件(例如:NGUI)来实现.但是,对于Unity 5.x来说,由于其自身已经包含了非常棒的功能,所以直接使用Unity自带的GUI(称为UnityGUI)就行了

【GUI开发】Swing的一本极好的入门教材

1 // Java大学简明教程 Deitel 著 简单易懂,详细讲Swing图形界面开发 2 3 package first; 4 5 import java.awt.*; 6 import javax.swing.*; 7 8 9 public class WelcomeSwing extends JFrame 10 { 11 private JLabel textJLabel; 12 //private JLabel pictureJLabel; 13 14 public WelcomeSw