PyQt5 GUI应用程序工具包入门(2)
下面我们从一个简单的登录对话框来了解PyQt5的开发过程。 PyQt5支持两种界面开发方式:一种是在QtDesigner中设计界面,各种控件直接通过拖动添加;一另种是直接撰写界面代码,通过代码控制界面上的控件。下面我们将分别通过这两种方式建立一个如图1所示的登陆对话框。
图1 一个简单的登陆对话框
QtDesigner设计界面
经过上一篇文章的设置后,我们可通过菜单栏的“Tool”→“QT Tool”→“Qt Designer”打开QtDesigner程序,进行界面设计,如图2。
图2 QtDesinger界面
由于我们只需建立一个简单的窗口,故选择模板为“Widget”,单击“创建”,即进入窗口编辑界面,如图3所示。
图3 新建窗口
我们只需将所需的控件拖入即可,这里我们需要2个Push Button(Buttons中),2个Label(Display Widget中)和2个Line Edit(Import Widgets中)。拖入后大致安排好位置(如图4)。
图4 窗口初步设计
在窗口空白处单击鼠标右键,选择“布局”→“栅格布局”,即可将控件大致排列好。
然后,在对象查看器中单击对象,即可在属性编辑对话框设置控件属性。这个项目中我们进行如下设置:
- 设置Form的“WindowTitle”为“登录界面”,
- 设置两个Label的“text”分别为“用户名”和“密码”,
- 设置两个按钮的“text”分别为确定和取消。 设置完后将窗口调到适当大小(图5)。
图5 最终窗口
最后,将本窗口以ui文件保存在项目文件夹,选择此文件,单击鼠标右键,选择“QT Tool”→“PyUIC”,即可生成py文件。
直接撰写界面代码
在上一节生成的ui文件是需要转换成py文件来使用的。故,我们也可以直接撰写界面代码,来进行开发。 代码如下:
# -*- coding: utf-8 -*-
from PyQt5.QtWidgets import *
class Ui_Form(QWidget):
def __init__(self):
super().__init__()
self.setWindowTitle("登录界面")
self.resize(200,100)
lay=QFormLayout()
self.setLayout(lay)
Lab1=QLabel("用户名")
Line1=QLineEdit()
Lab2 = QLabel("密码")
Line2 = QLineEdit()
OkB=QPushButton("确定")
CB=QPushButton("取消")
lay.addRow(Lab1,Line1)
lay.addRow(Lab2, Line2)
lay.addRow(OkB,CB)
代码说明:
- 第2行,导入PyQt5的控件,PyQt5的各种控件一般均放在PyQt5.QtWidgets模块中,本行代码导入了所有的控件,也可只导入本程序用到的控件,即写作“from PyQt5.QtWidgets import QWidget,QFormLayout,QLabel,QLineEdit,QPushButton”,熟知Python语法的人可能有其他写法,本篇不再赘述;
- 第4行,建立Ui_Form类,从QWidget基类派生;
- 第5、6行,构造函数,完整写法为:
- def init(self,parent=None): super(Ui_form,self).init(parent) 而在Python3中可以简化为第5、6行的形式;
- 第7行,设置窗口名称;
- 第8行,设置窗口尺寸;
- 第9、10行,设置总体布局;
- 第12~19行,建立控件对象;
- 第21~3行,将控件加入布局中。
运行程序
以上生成的窗口类可以在同一个py文件中书写main函数进行调用。不过笔者不建议这样做。尤其是第一种方法中需要修改窗口时,同时也要重新生成py文件,还需重写main函数。 我们可以另写一个main.py,来运行对话框。代码如下:
# -*- coding: utf-8 -*-from PyQt5
import QtWidgetsfrom Dlg
import Ui_Formimport sysif __name__ == "__main__":
app = QtWidgets.QApplication(sys.argv)
myshow = Ui_Form()
myshow.show()
sys.exit(app.exec_())
代码说明:
- 第3行,从对话框文件中导入类,Dlg为对话框文件名;
- 第6行,主程序定义在这行语句下面,输入“main”然后按“Tab”键可快速输入;
运行main.py,即可运行这个对话框程序。
- Tomcat启动慢解决方法(本人CentOS7.4系统)
- Nginx软件部署配置过程
- iptables网络安全服务详细使用
- 未来哪个行业能赚钱,看百度、阿里、腾讯投资的企业你就知道了!
- Augmate公司应用分布式账本技术,将IOTA整合为物联网设备管理平台
- 一域名一年前六位数终端易主 是为了......
- 黑客通过Facebook Messenger传播加密货币挖掘恶意软件
- linq to sql的多条件动态查询(下)
- iptables网络安全服务详细使用
- iptables网络安全服务详细使用
- linq to sql的多条件动态查询(上)
- 极简区块链手册:什么是区块链?什么是比特币?
- Nginx+keepalived实现高可用
- 来一波Linux中查看cpu、磁盘、内存、网络的命令
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- android studio集成极光推送的操作步骤
- Android中的webview监听每次URL变化实例
- 解决Android WebView拦截url,视频播放加载失败的问题
- Android 极光推送别名与标签方式
- Android Webview的postUrl与loadUrl加载页面实例
- android Web跳转到app指定页面并传递参数实例
- Dialog全屏,去掉状态栏的方式
- Android 通过TCP协议上传指定目录文件的方法
- Android webview加载https链接错误或无响应的解决
- Android Manifest中meta-data扩展元素数据的配置与获取方式
- Android 配置gradle实现VersionCode自增实例
- 解决Android Studio Gradle Metadata特别慢的问题
- Android ProgressDialog用法之实现app上传文件进度条转圈效果
- Android实现获取meta-data和build.gradle的值
- 浅谈Android Studio导出javadoc文档操作及问题的解决