本篇目标
这一篇博文主要目标是讲解使用PySide2写界面时遇到的一些注意点。
下一篇再开始在代码里实践PySide2的信号槽机制。
具体解说
界面代码
为了方便讲解,先将上一篇的代码粘贴如下:
# coding=utf-8
from PySide2.QtWidgets import QApplication, QLineEdit, QLabel, QPlainTextEdit, QPushButton, QStatusBar, QWidget # 引入模块
from PySide2.QtWidgets import QGroupBox, QVBoxLayout, QHBoxLayout # 布局容器
import sys
app = QApplication(sys.argv) # 创建app
window = QWidget() # 创建主窗体
window.resize(600, 480) # 主窗体尺寸
window.setWindowTitle('端口嗅探器 v1.0') # 窗体名称
ip_line_edit = QLineEdit() # 修改父类
ip_line_edit.setPlaceholderText('输入ip或者网址')
ip_line_edit.setMinimumSize(180, 22)
thread_label = QLabel('并发数:')
thread_line_edit = QLineEdit() # 修改父类
thread_line_edit.setText('500')
thread_line_edit.setMinimumSize(40, 22)
# thread_line_edit.move(260, 10) # 注释
port_label = QLabel('端口范围:')
port_line_edit1 = QLineEdit() # 修改父类
port_line_edit1.setText('0')
port_label2 = QLabel('~')
port_line_edit2 = QLineEdit() # 修改父类
port_line_edit2.setText('65535')
# port_line_edit.move(325, 10) # 注释
report_box_edit = QPlainTextEdit() # 修改父类
report_box_edit.setReadOnly(True)
# report_box_edit.move(25, 70) # 注释
# report_box_edit.resize(400, 200)
start_btn = QPushButton() # 修改父类
start_btn.setText('启动')
# start_btn.move(450, 10) # 注释
# start_btn.resize(80, 22)
copy_all_btn = QPushButton() # 修改父类
copy_all_btn.setText('复制全文')
# copy_all_btn.move(450, 70) # 注释
# copy_all_btn.resize(80, 22)
copy_ori_btn = QPushButton() # 修改父类
copy_ori_btn.setText('复制原文')
# copy_ori_btn.move(450, 100) # 注释
# copy_ori_btn.resize(80, 22)
clear_btn = QPushButton() # 修改父类
clear_btn.setText('清空')
# clear_btn.move(450, 150) # 注释
# clear_btn.resize(80, 22)
first_group_box = QGroupBox() # 第一个分组框组控件
first_group_box.setTitle('参数设置')
second_group_box = QGroupBox() # 第二个分组框组控件
second_group_box.setTitle('端口开放情况')
# status_bar = QStatusBar()
# status_bar.move(0, 450)
# status_bar.setMinimumSize(80, 22)
#
# bar_label = QLabel(status_bar)
# bar_label.setText('准备就绪')
# bar_label.move(5, 5)
first_h_layout = QHBoxLayout() # 第一个横向布局容器,属于第一个分组框控件
# first_h_layout.addStretch(1)
second_h_layout = QHBoxLayout() # 第二个横向布局容器,属于第一个分组框控件
third_h_layout = QHBoxLayout() # 第三个横向布局容器,属于第一个分组框控件
first_v_layout = QVBoxLayout() # 第一个纵向布局容器,属于第二个横向布局容器
second_v_layout = QVBoxLayout() # 第二个纵向布局容器,属于第二个横向布局容器
first_h_layout.addWidget(ip_line_edit)
first_h_layout.addWidget(thread_label)
first_h_layout.addWidget(thread_line_edit)
first_h_layout.addWidget(port_label)
first_h_layout.addWidget(port_line_edit1)
first_h_layout.addWidget(port_label2)
first_h_layout.addWidget(port_line_edit2)
first_h_layout.addWidget(start_btn)
first_group_box.setLayout(first_h_layout)
first_v_layout.addWidget(report_box_edit)
second_v_layout.addWidget(copy_all_btn)
second_v_layout.addWidget(copy_ori_btn)
second_v_layout.addWidget(clear_btn)
second_h_layout.addItem(first_v_layout)
second_h_layout.addItem(second_v_layout)
second_group_box.setLayout(second_h_layout)
layout = QVBoxLayout()
layout.addWidget(first_group_box)
layout.addWidget(second_group_box)
window.setLayout(layout)
window.show() # 显示窗体
app.exec_() # 启动app
sys.exit()
关于主窗体的说明
如果仔细对比,会发现一开始我用了 QMainWindow,后面却改成了QWidget。
原因是,QMainWindow是自带布局设置的,可以添加状态条、工具栏等,它不能再在里面设置布局。
如果强行使用,效果就是窗口会变成无法展开内容。
关于位置的说明
在使用了布局后,就不必再使用move函数进行位置调整。
在非布局控件自身内部,还是需要继续使用位置调整。
关于控件尺寸的说明
在布局里,resize函数已经没有作用,但是可以设置最小/大尺寸,使用 以下函数进行预设:
# 预设最小尺寸
setMinimumSize(self, QSize size)
setMinimumSize(self, int Height, int Wight)
setMinimumHeight(self, int Height)
setMinimumWight(self, int Wight)
# 预设最大尺寸
setMaximumSize(self, QSize size)
setMaximumSize(self, int Height, int Wight)
setMaximumHeight(self, int Height)
setMaximumWight(self, int Wight)
关于状态条的说明
因为状态条不在布局里,布局是自适应的,所以当窗口大小变化时,状态条不会跟着自适应,所以在这个工具里,暂时取消状态条。
效果查看
可以看一下工具对窗口大小自适应的效果:
1、最开始出现的大小,是根据window初始化大小来的:
2、最大化:
3、最小化,通过拖拽右下角实现:
本章结语
本章主要解说了一些注意点,因为当前PySide2的实践文章还是比较少的。
下一章开始将进入信号卡槽这块的内容,就是如何将界面和核心逻辑代码逐步绑定起来。