python图形化界面开发

  • PyQt5和PySide2都可以让python调用Qt，区别是PyQt5出现的更早，更有名【2015年】，PySide2【2012年】

  • PyQt5和PySide2 高度相似

建议：如果程序要发布给客户使用，建议使用32位的Python解释器，这样最终发布的程序可以兼容32位的Windows

一、工具使用

1 pyqt 的安装

1
2
3
4
5
6
7
8
9
# 安装PyQt5
pip install pyqt5

pip install pyqt5-tools

pip install pyqt5designer

# 安装PySide2
pip install pyside2 -i https://pypi.douban.com/simple/

2 pyqt工具在PyCharm中的配置

  • Qt Designer

  • PyUIC

然后重启PyCharm即可

3 使用 Qt Designer

3.1 .ui 转换为 .py

方法一（命令行）： python -m PyQt5.uic.pyuic demo.ui -o demo.py

方法二（Pycharm）：

QtDesigner 可以创建窗口，生成.ui 文件，我们可以将它生成.py 文件，只需要在Pycharm中，选中xx.ui ，然后选择 External Tools中的 PyUIC，即可在同目录下生成.py 文件

但是生成的.py 直接运行并不能显示窗口，我们要怎么做呢？

3.2 四种布局

水平布局、垂直布局

  • 水平布局

也可以先拖动布局，然后

Dialog with Buttons Bottom：按钮在底部的对话框窗口，效果如图7.3所示。
Dialog with Buttons Right：按钮在右上角的对话框窗口，效果如图7.4所示。
Dialog without Buttons：没有按钮的对话框窗口，效果如图7.5所示。
Main Window：一个带菜单、停靠窗口和状态栏的主窗口，效果如图7.6所示。

Widget窗口和Main Window窗口看起来是一样的，但它们其实是有区别的，Main Window窗口会自带一个菜单栏和一个状态栏，而Widget窗口没有，默认就是一个空窗口。

1
2
3
4
5
6
7
8
if __name__ == '__main__':
    # 程序入口
    app = QtWidgets.QApplication(sys.argv)
    MainWindow = QtWidgets.QMainWindow()   # 创建窗体对象
    ui = Ui_MainWindow()            # 创建PyQt设计的窗体对象
    ui.setupUi(MainWindow)          # 调用PyQt窗体方法，对窗体对象初始化设置
    MainWindow.show()               # 显示窗体
    sys.exit(app.exec_())           # 程序关闭时退出进程

3.3 主窗口

二、开发过程

2.1 界面代码逻辑

代码详解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
# 一个小demo
from PySide2.QtWidgets import QApplication, QMainWindow, QPushButton,  QPlainTextEdit

# QApplication 提供了整个图形界面程序的底层管理功能,是一切的基础，所以必须先创建对象
app = QApplication([])

# 创建一个主界面
window = QMainWindow()
window.resize(500, 400)	# 窗口大小
window.move(300, 310)	# 窗口位置
window.setWindowTitle('薪资统计')

# 创建文本输入窗口
textEdit = QPlainTextEdit(window)
textEdit.resize(300,350)
textEdit.move(10,25)	# 基于父窗口的位置
textEdit.setPlaceholderText("请输入薪资表")

# 创建统计按钮
button = QPushButton('统计', window)
button.move(380,80)

# 显示窗口
window.show()

# 进入QApplication的事件处理循环，接收用户的输入事件（），并且分配给相应的对象去处理。
app.exec_()

业务逻辑和界面怎么结合？

在 Qt 系统中， 当界面上一个控件被操作时，比如 被点击、被输入文本、被鼠标拖拽等， 就会发出 信号 ，英文叫 signal 。就是表明一个事件（比如被点击、被输入文本）发生了。

我们可以预先在代码中指定 处理这个 signal 的函数，这个处理 signal 的函数 叫做 slot 。

比如我们点击按钮后需要一个回馈

1
2
def handleCalc():
    print('统计按钮被点击了')

我们要怎么做？

只需要把下面这句话放在代码中即可单击调用此方法

1
button.clicked.connect(handleCalc)

现在只是出现在了console上，我们希望有个弹窗怎么做？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
from PySide2.QtWidgets import QApplication, QMainWindow, QPushButton,  QPlainTextEdit, QMessageBox


def handleCalc():
    QMessageBox.about(window, "提示", "统计按钮被点击了")

app = QApplication([])

window = QMainWindow()
window.resize(500, 400)
window.move(300, 310)
window.setWindowTitle('薪资统计')

textEdit = QPlainTextEdit(window)
textEdit.setPlaceholderText("请输入薪资表")
textEdit.move(10,25)
textEdit.resize(300,350)

button = QPushButton('统计', window)
button.move(380,80)
button.clicked.connect(handleCalc)


window.show()

app.exec_()

完整的Demo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
from PySide2.QtWidgets import QApplication, QMainWindow, QPushButton,  QPlainTextEdit,QMessageBox

def handleCalc():
    info = textEdit.toPlainText()

    # 薪资20000 以上 和 以下 的人员名单
    salary_above_20k = ''
    salary_below_20k = ''
    for line in info.splitlines():
        if not line.strip():
            continue
        parts = line.split(' ')
        # 去掉列表中的空字符串内容
        parts = [p for p in parts if p]
        name,salary,age = parts
        if int(salary) >= 20000:
            salary_above_20k += name + '\n'
        else:
            salary_below_20k += name + '\n'

    QMessageBox.about(window,
                '统计结果',
                f'''薪资20000 以上的有：\n{salary_above_20k}
                \n薪资20000 以下的有：\n{salary_below_20k}'''
                )

app = QApplication([])

window = QMainWindow()
window.resize(500, 400)
window.move(300, 300)
window.setWindowTitle('薪资统计')

textEdit = QPlainTextEdit(window)
textEdit.setPlaceholderText("请输入薪资表")
textEdit.move(10,25)
textEdit.resize(300,350)

button = QPushButton('统计', window)
button.move(380,80)
button.clicked.connect(handleCalc)

window.show()

app.exec_()

这段代码也有问题，就是没有封装，windows啥的散落在外面作为全局变量，不利于维护

封装后是这样的

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
from PySide2.QtWidgets import QApplication, QMainWindow, QPushButton,  QPlainTextEdit,QMessageBox

class Stats():
    def __init__(self):
        self.window = QMainWindow()
        self.window.resize(500, 400)
        self.window.move(300, 300)
        self.window.setWindowTitle('薪资统计')

        self.textEdit = QPlainTextEdit(self.window)
        self.textEdit.setPlaceholderText("请输入薪资表")
        self.textEdit.move(10, 25)
        self.textEdit.resize(300, 350)

        self.button = QPushButton('统计', self.window)
        self.button.move(380, 80)

        self.button.clicked.connect(self.handleCalc)


    def handleCalc(self):
        info = self.textEdit.toPlainText()

        # 薪资20000 以上 和 以下 的人员名单
        salary_above_20k = ''
        salary_below_20k = ''
        for line in info.splitlines():
            if not line.strip():
                continue
            parts = line.split(' ')
            # 去掉列表中的空字符串内容
            parts = [p for p in parts if p]
            name,salary,age = parts
            if int(salary) >= 20000:
                salary_above_20k += name + '\n'
            else:
                salary_below_20k += name + '\n'

        QMessageBox.about(self.window,
                    '统计结果',
                    f'''薪资20000 以上的有：\n{salary_above_20k}
                    \n薪资20000 以下的有：\n{salary_below_20k}'''
                    )

app = QApplication([])
stats = Stats()
stats.window.show()
app.exec_()

2.2 进度条

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import time
from PySide2.QtWidgets import QApplication, QMainWindow, QProgressBar, QPushButton
from PySide2.QtCore import Slot

app = QApplication([])

MainWindow = QMainWindow()

ProgressBar = QProgressBar(MainWindow)
ProgressBar.move(2, 0)
ProgressBar.resize(100, 20)                             #设置大小
ProgressBar.setRange(0, 100)                            #设置范围
ProgressBar.setValue(0)                                 #设置当前进度值

PushButton = QPushButton(MainWindow)
PushButton.setText("开始")
PushButton.move(110, 0)
PushButton.resize(50, 20)

@Slot()
def TestProgressBar():
    for Percent in range(100 + 1):                      #从0计数到100
        ProgressBar.setValue(Percent)                   #设置当前进度值
        time.sleep(0.05)                                #延迟50ms

    ProgressBar.reset()                                 #重置进度条

PushButton.clicked.connect(TestProgressBar)

MainWindow.show()
app.exec_()

遇到的问题：主窗口程序mainwindow.py，实际运行程序test.py

进度条在 mainwindow.py，而具体的进度在test.py，如何控制进度条？（或者说如何不中断循环返回值）

答：用yield来存储，这个东西可以一边存储，另外一边调用。

2.3 时间命名文件

1
2
3
4
5
6
7
8
9
10
11
import time
 
# 格式化成2016-03-20 11:45:39形式
print time.strftime("%Y-%m-%d %H:%M:%S", time.localtime()) 
 
# 格式化成Sat Mar 28 22:24:24 2016形式
print time.strftime("%a %b %d %H:%M:%S %Y", time.localtime()) 
  
# 将格式字符串转换为时间戳
a = "Sat Mar 28 22:24:24 2016"
print time.mktime(time.strptime(a,"%a %b %d %H:%M:%S %Y"))

2.4 打包可执行文件

1
2
3
4
5
6
7
8
9
10
# 安装
pip install pyinstaller

# 使用
pyinstaller -F -w -i C:\Users\Gavin\Pictures\ico\myLogo.ico main_window.py
# 参数1 -D:打包成一个目录 -F：单独的 .EXE 文件
# 参数2 -c:带控制台的  -w：不带控制台的
# 参数3 -i xxx.ico:exe的程序图标
# 参数4 -n 起名字
# 入口程序名： xxx.py

技巧：第一次最好用 -c 打包，可以查报错

注意：由于 .ui 文件不会被打包进去，需要手动复制到对应位置

问题： 体积太大

解决办法： 建立虚拟环境，在虚拟环境里 pyinstaller

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# conda 创建虚拟环境
conda create -n your_env_name python=x.x

# 激活虚拟环境
Linux:  source activate your_env_nam
Windows: activate your_env_name

# 在虚拟环境中安装包
conda install -n your_env_name [package]

# 关闭虚拟环境
deactivate env_name
或者`activate root`切回root环境
Linux下：source deactivate 

# 删除虚拟环境
conda remove -n your_env_name --all

# 删除环境钟的某个包
conda remove --name $your_env_name  $package_name

2.5 嵌入Matplotlib

参考：CSDN1 CSDN2

依托于FigureCanvas画图，加载的图形（FigureCanvas）不能直接放到graphicview控件中，必须先放到graphicScene，然后再把graphicscene放到graphicview中

即 FigureCanvas -> graphicScene -> graphicview

1、 设计一个GraphicsView 和 一个 PushButton

2、 定义一个类，继承FigureCanvas

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import matplotlib
from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg as FigureCanvas
# from matplotlib.figure import Figure
import matplotlib.pyplot as plt
 
matplotlib.use("Qt5Agg")  # 声明使用QT5
 
 
class MyFigureCanvas(FigureCanvas):
    '''
    通过继承FigureCanvas类，使得该类既是一个PyQt5的Qwidget，又是一个matplotlib的FigureCanvas，这是连接pyqt5与matplotlib的关键
    '''
    def __init__(self, parent=None, width=10, height=5, xlim=(0, 2500), ylim=(-2, 2), dpi=100):
        # 创建一个Figure
        fig = plt.Figure(figsize=(width, height), dpi=dpi, tight_layout=True)  # tight_layout: 用于去除画图时两边的空白
 
        FigureCanvas.__init__(self, fig)  # 初始化父类
        self.setParent(parent)
 
        self.axes = fig.add_subplot(111)  # 添加子图
        # self.axes.spines['top'].set_visible(False)  # 去掉绘图时上面的横线
        # self.axes.spines['right'].set_visible(False)  # 去掉绘图时右面的横线
        self.axes.set_xlim(xlim)
        self.axes.set_ylim(ylim)

然后就可以开始绘图了

这里 self.ui.graphicsView.width() / 101 的作用：

因为直接使用默认绘制出来的图的大小，一般都会与我们窗口里 GraphicsView 的大小不一致，会造成图像显示不完全，需要拖动滚动条看图像。这里我们将绘图的大小设置为与GraphicsView相匹配的大小，就可以显示出全部图像。
之所以 “/101”，我感觉可能是 graphicsView.width() 得到的结果 和 plt的figsize里设置图大小的参数 的单位是不一样的，所以要除以一个数，让图像能刚好全部显示在GraphicsView里

1
2
3
4
5
# 初始化 gv_visual_data 的显示，建议把这部分紧跟着功能写，要不重复点击按钮无法刷新显示
self.gv_visual_data_content = MyFigureCanvas(width=self.ui.graphicsView.width() / 101,
                                             height=self.ui.graphicsView.height() / 101,
                                             xlim=(0, 2*np.pi),
                                             ylim=(-1, 1))  # 实例化一个FigureCanvas

3、写好连接槽，点击按钮显示功能

连接槽

1
self.ui.btn_sin.clicked.connect(self.draw_fps)

写函数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
  def draw_fps(self):
      begin = time.asctime(time.localtime(time.time()))
      print("开始时间为：", begin)

      # 导入数据

      df = pd.read_excel(r"D:/BaiduSyncdisk/dataset/dataset/1000excel/位置表1.xls", sheet_name="1", header=None)

      # 把数据变成 ndarray 格式
      df = df.values

      # 创建空数组
      X = np.zeros((9000, 2))

      # 把导入数据变成一行
      df = df.reshape(9000, )

      # 纵坐标赋值为表格值
      X[:, 1] = df

      # 横坐标每30个 +1
      i = 0
      for j in range(300):
          X[i:i + 30:, 0] = j + 1
          i = i + 30

      ##############################################################
      # 导入数据
      df2 = pd.read_excel(r"D:/BaiduSyncdisk/dataset/dataset/1000excel/位置表1.xls", sheet_name="1", header=None)

      # 把数据变成 ndarray 格式
      df2 = df2.values

      # 创建空数组
      Y = np.zeros((9000, 1))

      # 把导入数据变成一行
      df2 = df2.reshape(9000, )

      # 纵坐标赋值为表格值
      Y[:, 0] = df2

      # 数组融合
      X = np.hstack((X, Y))

      ################################################################

      print("数据加载完毕")
      print("开始清洗数据，删除为0的值")
      # 创建空列表
      delcol = []

      # 把空值项加入空列表
      for i in range(9000):
          if X[i, 1] == 0:
              delcol.append(i)

      # 删除空值项
      X = np.delete(X, delcol, axis=0)
      print("删除完毕")

      ################################################################
# 画图
      self.gv_visual_data_content = MyFigureCanvas(width=self.ui.graphicsView.width() / 101,
                                                   height=self.ui.graphicsView.height() / 101,
                                                   xlim=(0, 2 * np.pi),
                                                   ylim=(-1, 1))  # 实例化一个FigureCanvas

      self.gv_visual_data_content.axes.clear()  # 由于图片需要反复绘制，所以每次绘制前清空，然后绘图
      # self.gv_visual_data_content.axes.plot(x, y)
      # self.gv_visual_data_content.axes.set_title('频率位置强度') # 设置标题
      # self.gv_visual_data_content.draw()  # 刷新画布显示图片，否则不刷新显示


      self.gv_visual_data_content.axes.set_xlabel('频率/Hz')
      self.gv_visual_data_content.axes.set_title("频率/位置/强度图")
      self.gv_visual_data_content.axes.set_ylabel('距艇首距离/m')
      self.gv_visual_data_content.axes.scatter(X[:, 0], X[:, 1], marker='.', c=X[:, 2], vmin=0, vmax=70, cmap='jet')
      # 加载的图形（FigureCanvas）不能直接放到graphicview控件中，必须先放到graphicScene，然后再把graphicscene放到graphicview中
      # 即 FigureCanvas -> graphicScene -> graphicview
      self.graphic_scene = QGraphicsScene()  # 创建一个QGraphicsScene
      self.graphic_scene.addWidget(self.gv_visual_data_content)  # 把图形放到QGraphicsScene中，注意：图形是作为一个QWidget放到放到QGraphicsScene中的
      self.ui.graphicsView.setScene(self.graphic_scene)  # 把QGraphicsScene放入QGraphicsView
      self.ui.graphicsView.show()  # 调用show方法呈现图形
      # self.gv_visual_data_content.draw()  # 刷新画布显示图片，否则不刷新显示

遇到的坑

  1. 好像有个奇怪的报错，现在没办法触发了，总之就是因为 PyQt5 和 PySide2 的问题，应该统一，不能一会用这个，一会用那个
  2. 重复点击按钮无法重复显示的问题：主要是把实例化一个FigureCanvas 写在了初始化__init__里，导致只能在打开程序时实例化一次，无法重新实例化。解决办法就是放在画图的函数附近即可。

2.6 Axes 画图

参考文献1

之前用 matplotlib 都是用matplotlib.pyplot下的方法，类似 plt.scatter() 这样的写法

现在因为要嵌入 GraphicsView，要用到 matplotlib 下的 FigureCanvasQTAgg

需要用 figure 下面的方法，类似于fig.add_subplot() 这样的写法

现在积累一下新写法。

plt.**和ax.**的区别

我认为所有不先讲清楚plt.和ax. 两种画图方式的区别的教程都是耍流氓。一上来就告诉你，plt.figure(), plt.plot(), plt.show()，这么画就对了的，都是不负责任的表现！

在matplotlib中，有两种画图方式：

**plt.figure()**：plt.***系列。通过plt.xxx来画图，其实是取了一个捷径。这是通过matplotlib提供的一个api，这个plt提供了很多基本的function可以让你很快的画出图来，但是如果你想要更细致的精调，就要使用另外一种方法。

fig, ax = plt.subplots(): 这个就是正统的稍微复杂一点的画图方法了。指定figure和axes，然后对axes单独操作。等下就讲figure和axes都神马意思。

1
fig.add_subplot(1,1,1)   #一行一列第一个图

1
fig.add_subplot(1,2,2)  # 一行两列第二个图

1
fig.add_subplot(2,1,1)  # 两行一列第一个图

查看 ax 下的所有方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
dir(ax01)

1 ，魔术方法 ：'__class__', '__delattr__', '__dict__', '__dir__', '__doc__', '__eq__', '__format__', '__ge__', '__getattribute__', '__getstate__', '__gt__', '__hash__', '__init__', '__le__', '__lt__', '__module__', '__ne__', '__new__', '__reduce__', '__reduce_ex__', '__repr__', '__setattr__', '__setstate__', '__sizeof__', '__str__', '__subclasshook__', '__weakref__', 
2 ，半魔术 ： '_add_text', '_adjustable', '_agg_filter', '_alpha', '_anchor', '_animated', '_aspect', '_autoscaleXon', '_autoscaleYon', '_autotitlepos', '_axes', '_axes_class', '_axes_locator', '_axisbelow', '_cachedRenderer', '_clipon', '_clippath', '_connected', '_contains', '_current_image', '_facecolor', '_frameon', '_gci', '_gen_axes_patch', '_gen_axes_spines', '_get_axis_list', '_get_lines', '_get_patches_for_fill', '_get_view', '_gid', '_gridOn', '_hold', '_in_layout', '_init_axis', '_label', '_layoutbox', '_left_title', '_make_twin_axes', '_mouseover', '_mouseover_set', '_navigate', '_navigate_mode', '_oid', '_on_units_changed', '_originalPosition', '_path_effects', '_pcolorargs', '_picker', '_position', '_poslayoutbox', '_process_unit_info', '_prop_order', '_propobservers', '_quiver_units', '_rasterization_zorder', '_rasterized', '_remove_legend', '_remove_method', '_right_title', '_sci', '_set_artist_props', '_set_gc_clip', '_set_lim_and_transforms', '_set_position', '_set_title_offset_trans', '_set_view', '_set_view_from_bbox', '_shared_x_axes', '_shared_y_axes', '_sharex', '_sharey', '_sketch', '_snap', '_stale', '_sticky_edges', '_subplotspec', '_tight', '_transform', '_transformSet', '_twinned_axes', '_update_image_limits', '_update_line_limits', '_update_patch_limits', '_update_title_position', '_update_transScale', '_url', '_use_sticky_edges', '_validate_converted_limits', '_visible', '_xaxis_transform', '_xcid', '_xmargin', '_yaxis_transform', '_ycid', '_ymargin', 
3 ，a 方法 ： 'acorr', 'add_artist', 'add_callback', 'add_child_axes', 'add_collection', 'add_container', 'add_image', 'add_line', 'add_patch', 'add_table', 'aname', 'angle_spectrum', 'annotate', 'apply_aspect', 'arrow', 'artists', 'autoscale', 'autoscale_view', 'axes', 'axhline', 'axhspan', 'axis', 'axison', 'axvline', 'axvspan', 
4 ，b 方法 ： 'bar', 'barbs', 'barh', 'bbox', 'boxplot', 'broken_barh', 'bxp', 
5 ，c 方法 ： 'callbacks', 'can_pan', 'can_zoom', 'change_geometry', 'child_axes', 'cla', 'clabel', 'clear', 'clipbox', 'cohere', 'colNum', 'collections', 'containers', 'contains', 'contains_point', 'contour', 'contourf', 'convert_xunits', 'convert_yunits', 'csd', 
6 ，d 方法 ： 'dataLim', 'drag_pan', 'draw', 'draw_artist', 
7 ，e 方法 ： 'end_pan', 'errorbar', 'eventplot', 'eventson', 
8 ，f 方法 ： 'figbox', 'figure', 'fill', 'fill_between', 'fill_betweenx', 'findobj', 'fmt_xdata', 'fmt_ydata', 'format_coord', 'format_cursor_data', 'format_xdata', 'format_ydata', 
9 ，g 方法 ： 'get_adjustable', 'get_agg_filter', 'get_alpha', 'get_anchor', 'get_animated', 'get_aspect', 'get_autoscale_on', 'get_autoscalex_on', 'get_autoscaley_on', 'get_axes_locator', 'get_axisbelow', 'get_children', 'get_clip_box', 'get_clip_on', 'get_clip_path', 'get_contains', 'get_cursor_data', 'get_data_ratio', 'get_data_ratio_log', 'get_default_bbox_extra_artists', 'get_facecolor', 'get_fc', 'get_figure', 'get_frame_on', 'get_geometry', 'get_gid', 'get_gridspec', 'get_images', 'get_in_layout', 'get_label', 'get_legend', 'get_legend_handles_labels', 'get_lines', 'get_navigate', 'get_navigate_mode', 'get_path_effects', 'get_picker', 'get_position', 'get_rasterization_zorder', 'get_rasterized', 'get_renderer_cache', 'get_shared_x_axes', 'get_shared_y_axes', 'get_sketch_params', 'get_snap', 'get_subplotspec', 'get_tightbbox', 'get_title', 'get_transform', 'get_transformed_clip_path_and_affine', 'get_url', 'get_visible', 'get_window_extent', 'get_xaxis', 'get_xaxis_text1_transform', 'get_xaxis_text2_transform', 'get_xaxis_transform', 'get_xbound', 'get_xgridlines', 'get_xlabel', 'get_xlim', 'get_xmajorticklabels', 'get_xminorticklabels', 'get_xscale', 'get_xticklabels', 'get_xticklines', 'get_xticks', 'get_yaxis', 'get_yaxis_text1_transform', 'get_yaxis_text2_transform', 'get_yaxis_transform', 'get_ybound', 'get_ygridlines', 'get_ylabel', 'get_ylim', 'get_ymajorticklabels', 'get_yminorticklabels', 'get_yscale', 'get_yticklabels', 'get_yticklines', 'get_yticks', 'get_zorder', 'grid', 
10，h 方法 ： 'has_data', 'have_units', 'hexbin', 'hist', 'hist2d', 'hitlist', 'hlines', 
11，i 方法 ： 'ignore_existing_data_limits', 'images', 'imshow', 'in_axes', 'indicate_inset', 'indicate_inset_zoom', 'inset_axes', 'invert_xaxis', 'invert_yaxis', 'is_figure_set', 'is_first_col', 'is_first_row', 'is_last_col', 'is_last_row', 'is_transform_set', 
12，l 方法 ： 'label_outer', 'legend', 'legend_', 'lines', 'locator_params', 'loglog', 
13，m 方法 ： 'magnitude_spectrum', 'margins', 'matshow', 'minorticks_off', 'minorticks_on', 'mouseover', 'mouseover_set', 
14，n 方法 ： 'name', 'numCols', 'numRows', 
15，p 方法 ： 'patch', 'patches', 'pchanged', 'pcolor', 'pcolorfast', 'pcolormesh', 'phase_spectrum', 'pick', 'pickable', 'pie', 'plot', 'plot_date', 'properties', 'psd', 
16 ，q 方法 ：'quiver', 'quiverkey', 
17 ，r 方法 ：'redraw_in_frame', 'relim', 'remove', 'remove_callback', 'reset_position', 'rowNum', 
18 ，s 方法 ：'scatter', 'semilogx', 'semilogy', 'specgram', 'spines', 'spy', 'stackplot', 'stale', 'stale_callback', 'start_pan', 'stem', 'step', 'sticky_edges', 'streamplot', 
19 ，set 方法 ：'set', 'set_adjustable', 'set_agg_filter', 'set_alpha', 'set_anchor',
		 'set_animated', 'set_aspect', 'set_autoscale_on', 'set_autoscalex_on', 
		 'set_autoscaley_on', 'set_axes_locator', 'set_axis_off', 'set_axis_on', 
		 'set_axisbelow', 'set_clip_box', 'set_clip_on', 'set_clip_path', 
		 'set_contains', 'set_facecolor', 'set_fc', 'set_figure', 'set_frame_on', 
		 'set_gid', 'set_in_layout', 'set_label', 'set_navigate', 'set_navigate_mode', 
		 'set_path_effects', 'set_picker', 'set_position', 'set_prop_cycle', 
		 'set_rasterization_zorder', 'set_rasterized', 'set_sketch_params', 'set_snap', 
		 'set_subplotspec', 'set_title', 'set_transform', 'set_url', 'set_visible', 
		 'set_xbound', 'set_xlabel', 'set_xlim', 'set_xmargin', 'set_xscale', 
		 'set_xticklabels', 'set_xticks', 'set_ybound', 'set_ylabel', 'set_ylim', 
		 'set_ymargin', 'set_yscale', 'set_yticklabels', 'set_yticks', 'set_zorder', 
20，t 方法 ：'table', 'tables', 'text', 'texts', 'tick_params', 'ticklabel_format', 'title', 'titleOffsetTrans', 'transAxes', 'transData', 'transLimits', 'transScale', 'tricontour', 'tricontourf', 'tripcolor', 'triplot', 'twinx', 'twiny', 
21，u 方法 ：'update', 'update_datalim', 'update_datalim_bounds', 'update_from', 'update_params', 'use_sticky_edges', 
22，v 方法 ： 'viewLim', 'violin', 'violinplot', 'vlines', 
23，x 方法 ： 'xaxis', 'xaxis_date', 'xaxis_inverted', 'xcorr', 
24，y 方法 ： 'yaxis', 'yaxis_date', 'yaxis_inverted', 
25，z 方法 ： 'zorder'

给子图画 colorbar

参数详解

例子解释

Colorbar 主要通过 figure.Figure.colorbar 方法绘制，先介绍常用的几个参数

  • mappable：直译为“可映射的”，要求是 matplotlib.cm.ScalarMappable 对象，能够向 colorbar 提供数据与颜色间的映射关系（即 colormap 和 normalization 信息）。主图中使用 contourf、pcolormesh 和 imshow 等二维绘图函数时返回的对象都是 ScalarMappable 的子类。
  • cax：colorbar 本质上也是一种特殊的 Axes，我们为了在画布上决定其位置、形状和大小，可以事先画出一个空 Axes，然后将这个 Axes 提供给 cax 参数，那么这个空 Axes 就会变成 colorbar。
  • ax：有时我们懒得手动为 colorbar 准备好位置，那么可以用 ax 参数指定 colorbar 依附于哪个 Axes，接着 colorbar 会自动从这个 Axes 里“偷”一部分空间来作为自己的空间。
  • orientation：指定 colorbar 的朝向，默认为垂直方向。类似的参数还有 location。
  • extend：设置是否在 colorbar 两端额外标出归一化范围外的颜色。如果 colormap 有设置过 set_under 和 set_over，那么使用这两个颜色。
  • ticks：指定 colorbar 的刻度位置，可以接受数值序列或 Locator 对象。
  • format：指定 colorbar 的刻度标签的格式，可以接受格式字符串，例如 '%.3f'，或 Formatter 对象。
  • label：整个 colorbar 的标签，类似于 Axes 的 xlabel 和 ylabel。

此外 colorbar 还有些设置不能在初始化的时候一次性搞定，需要接着调用方法才能完成。

1
2
3
4
5
6
7
8
# 原型
plt.Figure.colorbar(self, mappable, cax=None, ax=None, use_gridspec=True, **kw)

# 用法
colorbar(**kwargs)
colorbar(mappable, **kwargs)
colorbar(mappable, cax=cax, **kwargs)
colorbar(mappable, ax=ax, **kwargs)

  • 其中第一种用在没有子图的时候，也就是plt.colorbar()可以不用输入参数

  • 后面三个一般用在有子图的时候，这里有一个必须的参数mappable

  • 参数mappable理解起来就是我们需要提供一个可以映射颜色的对象，这个对象就是我们作的图

  • 所以例子中6、7行我们需要获取这两个子图对象，然后将其传给colorbar()，colorbar则会获取这个图所用的渐变颜色种类，之后的一个参数ax用来指示colorbar()获取到的渐变色条在哪里显示，我们设置ax=ax[0]那它就在ax[0]的区域显示，我们也可以改变渐变色条出现的位置，请对比下面和上面的区别：

2.7 文本框获取文件/文件夹

选择目录

通过 getExistingDirectory 静态方法 选择目录。

该方法，第一个参数是父窗口对象，第二个参数是选择框显示的标题。

比如

1
2
3
from PySide2.QtWidgets import QFileDialog

filePath = QFileDialog.getExistingDirectory(self.ui, "选择存储路径")

返回值即为选择的路径字符串。

如果用户点击了 选择框的 取消选择按钮，返回 空字符串。

选择已存在文件

如果你想弹出文件选择框，选择一个 已经存在 的文件，可以使用 QFileDialog 静态方法 getOpenFileName ，比如

1
2
3
4
5
6
7
8
from PySide2.QtWidgets import QFileDialog

filePath, _  = QFileDialog.getOpenFileName(
            self.ui,             # 父窗口对象
            "选择你要上传的图片", # 标题
            r"d:\\data",        # 起始目录
            "图片类型 (*.png *.jpg *.bmp)" # 选择类型过滤项，过滤内容在括号中
        )

该方法返回值 是一个元组，第一个元素是选择的文件路径，第二个元素是文件类型，如果你只想获取文件路径即可，可以采用上面的代码写法。

如果用户点击了 选择框的 取消选择按钮，返回 空字符串。

选择保存文件路径

如果你想弹出文件选择框，选择路径和文件名，来 保存一个文件 ，可以使用 QFileDialog 静态方法 getSaveFileName ，比如

1
2
3
4
5
6
7
8
from PySide2.QtWidgets import QFileDialog

filePath, _  = QFileDialog.getSaveFileName(
            self.ui,             # 父窗口对象
            "保存文件", # 标题
            r"d:\\data",        # 起始目录
            "json类型 (*.json)" # 选择类型过滤项，过滤内容在括号中
        )

选择多个文件

如果要选择多个文件，使用 getOpenFileNames 静态方法

1
2
3
4
5
6
7
8
from PySide2.QtWidgets import QFileDialog

filePaths, _  = QFileDialog.getOpenFileNames(
            self.ui,             # 父窗口对象
            "选择你要上传的图片", # 标题
            r"d:\\data",        # 起始目录
            "图片类型 (*.png *.jpg *.bmp)" # 选择类型过滤项，过滤内容在括号中
        )

上例中 filePaths 对应的返回值是一个列表，里面包含了选择的文件。

如果用户点击了 选择框的 取消选择按钮，返回 空列表。

2.8 封装相似功能的方法

比如浏览找到文件夹，其实只需要知道 将获取到的内容放入哪个 textlabel即可，但是问题是如何将参数内容 作为 方法名之一 ？

1
eval()

解决用变量内容代替方法名后又出现了新的问题：

1
self.ui.tab1_browse_filepass_button.clicked.connect(self.filepass_browse("tab1_browse_filepass_text"))

程序会在初始化时直接运行这个！！不管你点不点击，就很烦

因为正常的写法是不加括号的比如下面这样

1
self.ui.tab1_browse_savepass_button.clicked.connect(self.tab1_savepass_browse)

那怎么传递额外参数呢？查了资料后发现了lambda表达式

用法就是在带括号的方法前加上lambda:就行，比如下面这样

问题解决！

但是为什么这样？目前还没看懂

参考文献

使用Pyqt编程过程中，经常会遇到给槽函数传递额外参数的情况。但是信号-槽机制只是指定信号如何连接到槽，信号定义的参数被传递给槽，而额外的参数（用户定义）不能直接传递。

而传递额外参数又是很有用处。你可能使用一个槽处理多个组件的信号，有时要传递额外的信息。

一种方法是使用lambda表达式。

解释一下，on_button是怎样处理从两个按钮传来的信号。我们使用lambda传递按钮数字给槽，也可以传递任何其他东西—甚至是按钮组件本身（假如，槽打算把传递信号的按钮修改为不可用）

第2个方法是使用functools里的partial函数。

1
2
button1.clicked.connect(partial(self.on_button, 1))
button2.clicked.connect(partial(self.on_button, 2))

哪个办法好一点？这个属于风格的问题。个人观点，喜欢lambda，条理清楚，而且灵活。

2.9 清空 graphicsView

没找到方法

2.10 保存graphicsView生成的图片

1
2
3
4
5
m_image.save(pictrureName, “JPG”, 100);
对于这三个参数，解释如下：
1.pictrureName为图片文件的路径，比如："/home/feng/IMG_0.jpg"，需要注意的是路径必须要有权限读写；
2."JPG"为图片的格式，注意不需要带"."；
3.100指的是图片的质量因数，范围必须在0到100之内或-1，指定0以获取小型压缩文件，指定100表示大型未压缩文件，使用-1（默认值）使用默认设置。

遇到问题，jpg不可以生成文件，png可以生成文件

1
2
3
4
5
6
7
8
9
10
pixmap = QPixmap(self.chartview_.sceneRect().size().toSize())
pixmap.fill(QColor("transparent"))

painter = QPainter(pixmap)
painter.setRenderHint(QPainter.Antialiasing)

self.chartview_.render(painter)
painter.end()

pixmap.save("image.png")

2.11 设置QLineEdit只允许输入数字

1
2
3
4
5
self.regExp1 = QtCore.QRegExp('^\d{1,1}\$')  # 设置校验-只允许输入1位数字
self.ui.tab2_1_num_input_text.setValidator(QtGui.QRegExpValidator(self.regExp1))

self.regExp3 = QtCore.QRegExp('^\d{1,3}\$')  # 设置校验-只允许输入1位数字
self.ui.tab2_1_num_input_text.setValidator(QtGui.QRegExpValidator(self.regExp3))

2.12 numpy 数组排序

二维数组排序

1
2
# 按照第一列排序，与之对应的其他列相应变化
a[np.argsort(a[:,0])]
1
2
# 按照第二列排序，与之对应的其他列相应变化
a[np.argsort(a[:,1])]

2.13 绘制盒图

1
2
3
4
5
6
7
8
plt.boxplot(x, notch=None, sym=None, vert=None,
            whis=None, positions=None, widths=None,
            patch_artist=None, meanline=None, showmeans=None,
            showcaps=None, showbox=None, showfliers=None,
            boxprops=None, labels=None, flierprops=None,
            medianprops=None, meanprops=None,
            capprops=None, whiskerprops=None)

● x ：绘图数据。

● notch ：是否以凹口的形式展现箱线图，默认非凹口。

● sym：指定异常点的形状，默认为＋号显示。

● vert ：是否需要将箱线图垂直放，默认垂直放。

● whis ：指定上下须与上下四分位的距离，默认为1.5倍的四分位差。

● positions ：指定箱线图位置，默认为［0,1,2.…]。

● widths ：指定箱线图宽度，默认为0.5。

● patch _ artist ：是否填充箱体的颜色。

● meanline ：是否用线的形式表示均值，默认用点表示。

● showmeans ：是否显示均值，默认不显示。

● showcaps ：是否显示箱线图顶端和末端两条线，默认显示。

● showbox ：是否显示箱线图的箱体，默认显示。

● showfliers ：是否显示异常值，默认显示。

● boxprops ：设置箱体的属性，如边框色、填充色等。

● labels ：为箱线图添加标签，类似于图例的作用。

● filerprops ：设置异常值的属性，如异常点的形状、大小、填充色等。

● medianprops :设置中位数的属性，如线的类型、粗细等。

● meanprops :设置均值的属性，如点的大小、颜色等。

● capprops ：设置箱线图顶端和末端线条的属性，如颜色、粗细等。

● whiskerprops ：设置须的属性，如颜色、粗细、线的类型等。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import matplotlib.pyplot as plt
import numpy as np
x = np.array([12, 45, 30, 70, 36, 50, 40, 26, 38])
print(sorted(x))
a = np.quantile(x, 0.75)  # 上四分之一数
b = np.quantile(x, 0.25)  # 下四分之一数
print("平均数：", np.mean(x))  # 打印均值
print("中位数：", np.median(x))  # 打印中位数
print("上四分之一数：", a)  # 打印上四分之一数
print("下四分之一数：", b)  # 打印下四分之一数
up = a + 1.5 * (a - b)  # 异常值判断标准
down = b - 1.5 * (a - b)  # 异常值判断标准
x = np.sort(x)  # 对原始数据排序
shangjie = x[x < up][-1]  # 除了异常值外的最大值
xiajie = x[x > down][0]  # 除了异常值外的最小值
print("上界：", shangjie)  # 打印上界
print("up:", up)
print("down:", down)
print("下界：", xiajie)  # 打印下界
plt.grid(True)  # 显示网格
y = plt.boxplot(x, meanline=True, showmeans=True,
                flierprops={"marker": "o", "markerfacecolor": "red", "markersize": 15})  # 绘制箱形图，设置异常点大小、样式等
plt.show()  # 显示图

2.14 加入文本框

QTextBrowser 是 只能查看文本 控件。通常用来显示一些操作日志信息、或者不需要用户编辑的大段文本内容。

在末尾添加文本

通过 append 方法在编辑框末尾添加文本内容，比如

1
textBrowser.append('你好，世界')

有时，浏览框里面的内容长度超出了可见范围，我们在末尾添加了内容，往往希望控件自动翻滚到当前添加的这行，

可以通过 ensureCursorVisible 方法来实现

1
2
textBrowser.append('你好，世界')
textBrowser.ensureCursorVisible()

注意：这种方法会在添加文本后 自动换行

在光标处插入文本

通过 insertPlainText 方法在编辑框末尾添加文本内容，比如

1
edit.insertPlainText('你好，世界')

注意：这种方法 不会 在添加文本后自动换行

赏

谢谢你请我吃糖果

扫一扫，分享到微信

微信分享二维码
晋ICP备20006783号-1

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

象牙塔中人，偶做前堂客<br>漫谈经阁半卷书，坐井说天阔<br>有志要功名，海斗量福祸<br>待到山花烂漫时，无谓是非过