主窗体设计

自学python如何成为大佬(目录):https://blog.csdn.net/weixin_67859959/article/details/139049996?spm=1001.2014.3001.5501

Python、QT与PyCharm配置完成后,接下来需要对快手爬票的主窗体进行设计,首先需要创建主窗体外层为(红色框内),然后依次添加顶部图片(绿色框内)、查询区域(蓝色框内)、选择车次类型区域(紫色框内)、分类图片区域(黄色框内)、信息表格区域(棕色框内)。设计顺序如图17所示。

图17  窗体设计思路

(1)Qt拖曳控件

了解了窗体设计思路以后,接下来需要实现快手爬票的窗体。由于在14.4.2小节中已经将Python、QT与PyCharm三个开发工具进行了环境配置,所以创建窗体时只需要启动PyCharm开发工具即可,实现窗体的具体步骤如下:

1)在PyCharm开发工具中创建新的Python项目,并在右侧指定项目名称与位置,如图18所示。

图18  创建python项目

2)项目打开完成后,在顶部的菜单栏中依次单击Tools → External Tools → Qt Designer如图19所示。

图19  启动Qt Designer

3)单击Qt Designer快捷工具后,Qt的窗口编辑工具将自动打开,并且会自动弹出一个新建窗体的窗口,在该窗口中选择一个主窗体的模板,这里选择Main Window然后单击创建按钮即可,如图20所示。

图20  选择主窗体模板

4)主窗体创建完成后,自动进入到Qt Designer的设计界面,顶部区域是菜单栏与快捷菜单选项,左侧区域是各种控件与布局,中间的区域为编辑区域,该区域可以将控件拖曳至此处,也可以预览窗体的设计效果。右侧上方是对象查看器,此处列出所有控件以及彼此所属的关系层。右侧中间的位置是属性编辑器,此处可以设置控件的各种属性。右侧底部的位置分别为信号/槽编辑器、动作编辑器及资源浏览器,具体位置如图21所示。

图21  Qt Designer的设计界面

5)根据图11所示的设计思路依次将指定的控件拖拽至主窗体中,首先添加主窗体容器内的控件如表3所示。

表3  主窗体容器与控件

对 象 名 称

控 件 名 称

描    述

centralwidget

QWidget

该控件与对象名称是创建主窗体后默认生成,为主窗体外层容器

label_title_img

QLabel

该控件位于主窗体容器内,用于设置顶部图片、对象名称自定义

label_train_img

QLabel

该控件位于主窗体容器内,用于设置分类图片、对象名称自定义

tableView

QTableView

该控件位于主窗体容器内,用于显示信息表格、对象名称自定义

向主窗体中添加查询区域容器与控件,如表4所示。

表4  查询区域容器与控件

对 象 名 称

控 件 名 称

描  述

widget_query

QWidget

该控件位于用于显示查询区域,对象名称自定义,该控件为查询区域的容器

label

QLabel

该控件位于查询区域的容器内,用于显示“出发地:”文字、对象名称自定义

label_2

QLabel

该控件位于查询区域的容器内,用于查询区域的容器内,显示“目的地:”文字、对象名称自定义

label_3

QLabel

该控件位于查询区域的容器内,用于显示“出发日:”文字、对象名称自定义

pushButton

QPushButton

该控件位于查询区域的容器内,用于显示查询按钮,对象名称自定义

textEdit

QTextEdit

该控件位于查询区域的容器内,用于显示“出发地”所对应的编辑框、对象名称自定义

textEdit_2

QTextEdit

该控件位于查询区域的容器内,用于显示“目的地”所对应的编辑框、对象名称自定义

textEdit_3

QTextEdit

该控件位于查询区域的容器内,用于显示“出发日”所对应的编辑框、对象名称自定义

向主窗体中添加选择车次类型容器与控件,如表5所示。

表5  选择车次类型容器与控件

对 象 名 称

控 件 名 称

描    述

widget_checkBox

QWidget

该控件用于显示选择车次类型区域、对象名称自定义,该控件为选择车次类型区域的容器

checkBox_D

QCheckBox

该控件位于选择车次类型的容器内,用于选择动车类型、对象名称自定义

checkBox_G

QCheckBox

该控件位于选择车次类型的容器内,用于选择高铁类型、对象名称自定义

checkBox_K

QCheckBox

该控件位于选择车次类型的容器内,用于选择快车类型、对象名称自定义

checkBox_T

QCheckBox

该控件位于选择车次类型的容器内,用于选择特快类型、对象名称自定义

checkBox_Z

QCheckBox

该控件位于选择车次类型的容器内,用于选择直达类型、对象名称自定义

label_type

QLabel

该控件位于选择车次类型的容器内,用于显示“车次类型:”文字、对象名称自定义

说明:除了主窗体默认创建的QWidget控件外,其他每个QWidget就是一个显示区域的容器,都需要自行拖曳到主窗体当中,然后将每个区域对应的控件拖曳并摆放在当前的容器中即可。

注意:在拖曳控件时可以根据控件边缘的蓝色调节点设置控件的位置与大小,如图22所示。如果需要修改非常精确的参数值可以在属性编辑器中进行设置也可以在生成后的Python代码中对窗体的详细参数进行修改。在设置控件文字时,可以选中控件然后在右侧的属性编辑器的text标签中进行设置,如图23所示。

图22  拖曳控件与设置大小

图23  设置控件显示的文字

6)窗体设计完成后,按下<Ctrl+S>快捷键保存窗体设计文件名称为window.ui,然后需要将该文件保存在当前项目的目录当中,再选中该文件单击右键依次选择External Tools → PyUIC选项,将窗体设计的ui文件转换为py文件,如图24所示。转换后的py文件将显示在当前目录中,如图25所示。

图24  将ui文件转换为py文件

图25  显示转换后的py文件

(2)代码调试

打开window.py文件后,自动生成的代码中已经导入了PyQt5以及其内部的常用模块。PyQt5是一套Python绑定Digia QT5应用的框架,它可用于Python 2.x和3.x的版本中。它是功能最强大的GUI库之一,PyQt5的官方网站为“www.riverbankcomputing.co.uk/news”。PyQt5的类别分为多个模块,常见的模块与概述如表6所示。

表6  PyQt5的常见类别模块

模 块 名 称

描    述

QtCore

此模块用于处理时间、文件和目录、各种数据类型、流、URL、MIME类型、线程或进程

QtGui

此模块包含类窗口系统集成、事件处理、二维图形、基本成像、字体和文本,以及一套完整的OpenGL和OpenGL ES的绑定

QtWidgets

此模块中包含的类,提供了一组用于创建经典桌面风格用户界面的UI元素

QtMultimedia

此模块中包含的类,用于处理多媒体内容和API来访问的相机、收音机功能

QtNetwork

此模块中包含网络编程的类,通过这些类使网络编程更简单,更便携,便于TCP / IP和UDP客户端和服务器的编码

QtPositioning

此模块中包含的类,利用各种可能的来源,确定位置,包括卫星、Wi-Fi

QtWebSockets

此模块中包含实现WebSocket协议的类

QtXml

此模块中包含用于处理XML文件中的类,该模块为SAX和DOM API提供了解决方法

QtSvg

此模块中提供了用于显示SVG文件内容的类,(SVG)是可缩放矢量图形,用于描述XML中的二维图形的一种格式

QtSql

此模块提供了用于处理数据库的类

QtTest

此模块包含的功能为pyqt5应用程序的单元测试

下面通过代码来调试主窗体中各种控件的细节处理,以及相应的属性。具体步骤如下:

1)打开window.py文件,在右侧代码区域的setupUi()方法中修改主窗体的最大值与最小值,用于保持主窗体大小不变无法扩大或缩小。代码如下:

MainWindow.setObjectName("MainWindow")          # 设置窗体对象名称

MainWindow.resize(960, 786)                  # 设置窗体大小

MainWindow.setMinimumSize(QtCore.QSize(960, 786))    # 主窗体最小值

MainWindow.setMaximumSize(QtCore.QSize(960, 786))    # 主窗体最大值

self.centralwidget = QtWidgets.QWidget(MainWindow)    # 主窗体的widget控件

self.centralwidget.setObjectName("centralwidget")    # 设置对象名称

2)将图片资源img文件夹复制到该项目中,然后导入PyQt5.QtGui模块中的QPalette、QPixmap、QColor用于对控件设置背景图片,为对象名label_title_img的Label控件设置背景图片,该控件用于显示顶部图片。关键代码如下:

from PyQt5.QtGui import QPalette, QPixmap, QColor    # 导入QtGui模块

# 通过label控件显示顶部图片

self.label_title_img = QtWidgets.QLabel(self.centralwidget)

self.label_title_img.setGeometry(QtCore.QRect(0, 0, 960, 141))

self.label_title_img.setObjectName("label_title_img")

title_img = QPixmap('img/bg1.png')              # 打开顶部位图

self.label_title_img.setPixmap(title_img)        # 设置调色板

3)设置查询部分widget控件的背景图片,该控件起到容器的作用,在设置背景图片时并没有Label控件那么简单,首先需要为该控件开启自动填充背景功能,然后创建调色板对象,指定调色板背景图片,最后为控件设置对应的调色板即可。关键代码如下:

# 查询部分的widget

self.widget_query = QtWidgets.QWidget(self.centralwidget)

self.widget_query.setGeometry(QtCore.QRect(0, 141, 960, 80))

self.widget_query.setObjectName("widget_query")

# 开启自动填充背景

self.widget_query.setAutoFillBackground(True)

palette = QPalette()              # 调色板类

# 设置背景图片

palette.setBrush(QPalette.Background, QtGui.QBrush(QtGui.QPixmap('img/bg2.png')))

self.widget_query.setPalette(palette)      # 为控件设置对应的调色板即可

说明:根据以上两种设置背景图片的方法,分别为选择车次类型的widget控件与显示火车信息图片的Label控件设置背景图片。

4)通过代码修改窗体或控件文字时,需要在retranslateUi()方法中进行设置,关键代码如下:

MainWindow.setWindowTitle(_translate("MainWindow", "车票查询"))

self.checkBox_T.setText(_translate("MainWindow", "T-特快"))

self.checkBox_K.setText(_translate("MainWindow", "K-快速"))

self.checkBox_Z.setText(_translate("MainWindow", "Z-直达"))

self.checkBox_D.setText(_translate("MainWindow", "D-动车"))

self.checkBox_G.setText(_translate("MainWindow", "GC-高铁"))

self.label_type.setText(_translate("MainWindow", "车次类型:"))

self.label.setText(_translate("MainWindow", "出发地:"))

self.label_2.setText(_translate("MainWindow", "目的地:"))

self.label_3.setText(_translate("MainWindow", "出发日:"))

self.pushButton.setText(_translate("MainWindow", "查询"))

5)导入sys模块,然后在代码块的最外层创建show_MainWindow()方法,该方法用于显示窗体。关键代码如下:

def show_MainWindow():

    app = QtWidgets.QApplication(sys.argv)    # 实例化QApplication类,作为GUI主程序入口

    MainWindow = QtWidgets.QMainWindow()      # 创建MainWindow类

    ui = Ui_MainWindow()              # 实例UI类

    ui.setupUi(MainWindow)              # 设置窗体UI

    MainWindow.show()              # 显示窗体

    sys.exit(app.exec_())              # 当窗口创建完成,需要结束主循环过程

说明:sys模块是python自带的模块,该模块提供了一系列有关Python运行环境的变量和函数。sys模块的常见用法与含义如表7所示。

表7  sys模块的常见用法

常 见 用 法

描    述

sys.argv

该方法用于获取当前正在执行的命令行参数的参数列表

sys.path

该方法用于获取指定模块路径的字符串集合

sys.exit()

该方法用于退出程序,当参数非0时,会引发一个SystemExit异常,从而可以在主程序中捕获该异常

sys.platform

该方法用于获取当前系统平台

sys.modules

该方法是用于加载模块的字典,每当程序员导入新的模块时,sys.modules将自动记录该模块。当相同模块第二次导入时Python将从该字典中进行查询,从而加快程序的运行速度

sys.getdefaultencoding()

该方法用于获取当前系统编码方式

6)在代码块的最外层模拟Python的程序入口,然后调用显示窗体的show_MainWindow()方法。关键代码如下:

if __name__ == "__main__":

    show_MainWindow()

在该文件中右键菜单中单击“Run 'window'”将显示如图26所示的快手查票的主窗体界面。

图26  快手查票主窗体界面

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/354736.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SwiftUI 6.0(iOS/iPadOS 18)中全新的 Tab 以及 Sidebar+悬浮 TabView 样式

概览 看来苹果一直对 iPadOS 中标签栏&#xff08;TabView&#xff09;不甚满意。这不&#xff0c;在 WWDC 2024 中苹果又对 TabView 外观做了大幅度的进化。 现在我们可以在顶部悬浮条和左侧的 Sidebar 两种不同布局之间恣意切换 TabView 的外观啦。而且&#xff0c;这在 Swi…

(超详细)基于动态顺序表实现简单的通讯录项目

前言&#xff1a; 我们在上一章节用c语言实现了线性表中的的动态顺序表&#xff0c;那么顺序表就只是顺序表吗&#xff1f;当然不是&#xff0c;使用顺序表结构可以实现很多项目&#xff0c;许多项目的数据结构都会用到顺序表&#xff0c;本章节我们就要使用顺序表实现一个简易…

腾讯云部署的java服务,访问阿里云的mysql数据库,带宽异常偏高,可能是什么原因

个人名片 &#x1f393;作者简介&#xff1a;java领域优质创作者 &#x1f310;个人主页&#xff1a;码农阿豪 &#x1f4de;工作室&#xff1a;新空间代码工作室&#xff08;提供各种软件服务&#xff09; &#x1f48c;个人邮箱&#xff1a;[2435024119qq.com] &#x1f4f1…

js语音识别,语音转文字,speech recognition(需要翻墙才能识别)

先上代码 <!DOCTYPE html> <html><head><meta charset"utf-8"><meta name"viewport" content"widthdevice-width,initial-scale1.0"><title>test</title> </head><body><div id"…

人工智能的头号威胁:投毒攻击

随着掌管数字生活入口的万亿美元俱乐部企业——苹果公司跳入人工智能&#xff08;AI&#xff09;赛道&#xff0c;AI技术民主化的大幕正式拉开&#xff0c;同时也将AI安全问题推向舆论的风口浪尖。 根据瑞银本周一的智能手机调查报告&#xff0c;在中国以外的智能手机用户中&am…

Java多线程基础知识-2

线程的3个方法&#xff1a; Thread.sleep()&#xff1a;当前线程睡眠多少毫秒&#xff0c;让给其他线程去执行。 Thread.yield()&#xff1a;当前线程退出一下&#xff0c;进入到等待队列&#xff0c;让其他线程执行&#xff0c;即让出线程一下。 Thread.join()&#xff1a;…

《模拟联合国2.9—团队协作》

感谢上海财经大学持续的邀请&#xff0c;今天在阶梯教室举办的《模拟联合国2.0—团队协作》沙盘课程圆满结束。尽管场地的限制带来了一定的挑战&#xff0c;但得益于系统思考中“结构影响行为”的原则&#xff0c;我得以在不同场景中巧妙设计课程结构&#xff0c;极大地促进了大…

【JavaScript复习二】选择结构if和Switch(1)

### []( )2、单分支条件分支语句if (条件表达式) { // 条件为真时&#xff0c;做的事情 } else { // 条件为假时&#xff0c;做的事情 } ### []( )2,、多分支的 if 语句if (条件表达式1) { // 条件1为真时&#xff0c;做的事情} else if (条件表达式2) { // 条件1不满足&…

股票交易系统

效果展示&#xff0c;如下动图&#xff1a; 首先简述一下股票交易规则&#xff1a; 买卖股票&#xff0c;股民可以自行选择股票的买入或卖出价格和股票的数量&#xff0c;但是用户不一定马上就交易成功&#xff0c;只有当股票价格低于买入价才有机会买入&#xff0c;高于卖出价…

ccie在香港值钱吗?ccie认证很难考吗?

思科ccie认证可以算得上是网络高级工程师的一个标配证书&#xff0c;特别是在香港工作的朋友更是需要尽早拿下这个认证&#xff0c;它能让你的求职之路更为顺利。而已经入职的工程师为了不被时代所淘汰&#xff0c;也需要该证书保驾护航。 你知道ccie在香港值钱吗?ccie认证是不…

redis高可用-哨兵机制

一&#xff1a;背景 上一节我们已经实现了redis的主从同步&#xff0c;从而实现服务的流量分摊和数据高可用&#xff0c;但是出现故障以后&#xff0c;需要人工手动接入&#xff0c;手动切换主从&#xff0c;来实现故障转移。这是比较麻烦的&#xff0c;毕竟人不能实时盯着服务…

Covalent实现对1000亿笔链上交易解析,支持AI长期数据可用性

在区块链与人工智能&#xff08;AI&#xff09;交汇处&#xff0c;讨论往往集中于去中心化推理和去中心化训练等方面。然而&#xff0c;这一数据的关键组成部分却一直未得到足够的重视。一个主要问题是&#xff1a;我们如何保护 AI 模型中的数据不受偏见和操纵的影响&#xff1…

【计算机组成原理】指令系统考研真题详解之拓展操作码!

苏泽 “弃工从研”的路上很孤独&#xff0c;于是我记下了些许笔记相伴&#xff0c;希望能够帮助到大家 另外&#xff0c;利用了工作之余的一点点时间&#xff0c;整理了一套考研408的知识图谱&#xff0c; 我根据这一套知识图谱打造了这样一个408知识图谱问答系统 里面的每一…

C语言的网络编程

目录 引言 一、TCP/IP概述 1. TCP&#xff08;Transmission Control Protocol&#xff09; 2. UDP&#xff08;User Datagram Protocol&#xff09; 二、Socket编程基础 1. 服务器端 2. 客户端 三、URL与HTTP编程 1. 使用libcurl进行HTTP请求 表格总结 TCP/IP与Socke…

镭速传输界面优化之静态文件加载

镭速一直是众多企业传输大文件和大数据的优选对象&#xff0c;速度快、稳定且安全是市场上传输软件脱颖而出的立杆标签&#xff0c;那么同样在界面优化和体验的强大也能够给企业用户带来许多直观的感受&#xff0c;那么今天我们就来谈谈镭速是如何做到这些的&#xff0c;在界面…

【锐捷】VSU环境下部署VAC

配置要求 1.两台核心交换机部署VSU&#xff0c;Domain ID为1&#xff0c;S1的Switch ID为1&#xff0c;优先级为150&#xff0c;设备描述为VSU-S1&#xff1b;S2的Switch ID为2&#xff0c;优先级为120&#xff0c;设备描述为VSU-S2&#xff1b;两台设备的G0/48口用于BFD双机检…

go语言对接S3存储的SDK(支持minio和OSS)

背景 在某个项目中&#xff0c;客户要求支持S3协议的存储&#xff0c;因为之前的项目是go来开发的支持的oss和minio 。 但并不一定支持S3的协议&#xff0c;而且使用了二种SDK&#xff0c;感觉比较麻烦。 既然客户提出来了要求。那我们改一下就是了。 操作 引入 go语言中有对…

中国最全的hive sql 函数集合(持续更新)

#6/20/24 增加greatest函数&#xff1a; select greatest(1,2,3,4,5,2) 结论&#xff1a;可以用hive presto spark得出正确的结果值 #6/20/24 增加last_value(cl1) ignore nulls over(order by ts ) as dt 函数&#xff1a; 有数据集&#xff1a; 1 1 1 2 2   3 3 …

振幅调制与解调电路

本章学习内容与重难点 调制的原因 调制就是把低频信号的信息带到高频信号上。 减小天线长度 天线长度与所接收的信号的波长正相关&#xff0c;调制到高频再发送能极大幅度降低接收成本。 避免信号干扰 利用调制将信号抬到不同的通频带&#xff0c;可以有效避免信号频率交叠的相…

Unity制作背包的格子

1.新建一个面板 2.点击面板并添加这个组件 3.点击UI创建一个原始图像&#xff0c;这样我们就会发现图像出现在了面板的左上角。 4.多复制几个并改变 Grid Layout Group的参数就可以实现下面的效果了