【pyqt5】纯代码绘制UI界面（基础篇）_pyqt5开发的漂亮界面

首先，我们设计一下我们的UI界面：

界面设计介绍

这是一个简化版的，简单介绍下：
点击一级菜单上的不同按钮，二级菜单会出现相应的按钮，而二级菜单上的按钮就是我们选择的功能。
（1）一级菜单采用QWidget作为主体。在QWidget内添加水平布局，再添加对应按钮。
（2）二级菜单会根据一级菜单的选择出现不同的内容。因此我们采用QStackedWidget多分页窗口作为主体，每一个分页代表着一级菜单中的一个按钮，分页内部添加水平布局，再添加对应功能按钮。
（3）属性栏也会以QStackedWidget为主体。因为选择每一个二级菜单中的功能按钮，属性栏都会呈现不一样的内容。每一个分页代表一个二级菜单中的功能按钮。
其他的窗口都以QWidget为主体，不再一一赘述。本文只是描述UI界面绘制的一个demo，不会添加功能实现的内容。
PS:
下面代码中的颜色全是瞎填的，有被恶心到的自行设计颜色。
通过setStyleSheet可以大大美观界面，我只是没怎么做。

1. 绘制主界面并设计相关属性

首先需要安装PyQt5库。

导入头文件：

import sys
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *
from PyQt5 import QtCore, QtGui, QtWidgets
1
2
3
4
5

然后创建一个主窗口类：

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.width = 1280
        self.height = 720

        # 设置软件图标（可省略）
        # self.setWindowIcon(QtGui.QIcon("icon.ico"))
        # 设置主界面标题
        self.setWindowTitle("面向对象课程第二十小组作品")
        # 设置固定尺寸
        self.setFixedSize(self.width, self.height)
        # 设置主界面背景色
        self.setStyleSheet("background-color:rgb(84,82,119)")
1
2
3
4
5
6
7
8
9
10
11
12
13
14

最后我们再添加一下主函数，令其可以运行：

if __name__ == '__main__':
    app = QApplication(sys.argv)
    w = MainWindow()
    w.show()
    sys.exit(app.exec())
1
2
3
4
5

运行结果：

2. 绘制一级菜单栏

然后，我们接着绘制一级菜单栏：
在MainWindow类中创建一个函数（或者也可直接在__init__函数中）

class MainWindow(QMainWindow):
	    def init_widget(self):
        # 1. 创建一级菜单栏
        # 1.1 创建一级菜单栏的窗口
        self.widget_menu = QtWidgets.QWidget(self)  # 注意，传入参数代表一个从属关系，表示创建的QWidget属于self，也就是MainWindow自身
        self.widget_menu.setObjectName("widget_menu")
        # 设置窗口的左上角x,y,窗口的width和height
        self.widget_menu.setGeometry(QtCore.QRect(0, 0, 1280, 50))
        self.widget_menu.setStyleSheet("QWidget{background-color:rgb(123,223,223);border:2px solid balck;}")
        # 1.2 创建一个水平布局
        self.menuLayout = QHBoxLayout(self.widget_menu)
        # 1.3 设置水平布局的属性
        self.menuLayout.setSpacing(30)  # 设置间距
        self.menuLayout.setDirection(0)  # 自左向右的布局
        self.menuLayout.addSpacing(30)  # 最左端增加30像素的间距
        # 1.4 为菜单栏设置按钮组
        self.menuButtonGroup = QButtonGroup()
        # 1.5设置文字和字体
        menuStr = []
        menuStr.append("AAA")
        menuStr.append("BBB")
        menuStr.append("CCC")
        self.font = QFont()  # 设置字样式
        self.font.setFamily("黑体")  # 设置字体
        self.font.setBold(1)  # 设置为粗体
        self.font.setPixelSize(24)  # 字体大小
        # 1.5 添加按钮至按钮组
        count = 0  # 设置按钮在按钮组内的序号
        for menu_str in menuStr:
            menuBtn = QPushButton()  # 创建按钮
            menuBtn.setStyleSheet("QPushButton{color:rgb(0,0,0);border:none;}"
                                  "QPushButton::checked{color:rgb(58,164,98)}")
            menuBtn.setFont(self.font)  # 加载字体
            menuBtn.setText(menu_str)  # 加载文字
            menuBtn.setParent(self.widget_menu)  # 属于一级菜单栏的窗口
            menuBtn.setCheckable(True)
            self.menuLayout.addWidget(menuBtn)  # 一级菜单栏的水平布局中添加该按钮
            self.menuButtonGroup.addButton(menuBtn, count)  # 把按钮添加到按钮组中
            count += 1

        # 1.6 将按钮组内的按钮设置为互斥
        self.menuButtonGroup.setExclusive(True)
        # 1.7 菜单栏最后再添加弹簧
        self.menuLayout.addStretch()
        # 1.8 为按钮组内的按钮添加信号槽
        self.menuButtonGroup.button(0).clicked.connect(self.slot_AAA)  # 为按钮组中序号为0的按钮建立信号槽，点击就会触发slot_AAA()函数
        self.menuButtonGroup.button(1).clicked.connect(self.slot_BBB)  # 为按钮组中序号为1的按钮建立信号槽，点击就会触发slot_BBB()函数
        self.menuButtonGroup.button(2).clicked.connect(self.slot_CCC)  # 为按钮组中序号为2的按钮建立信号槽，点击就会触发slot_CCC()函数
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

然后我们在MainWindow类中创建3个槽函数：
因此再是没有创建二级菜单栏，因此我们先加入打印信息替代。

    def slot_AAA(self):
        print("AAA clicked !")

    def slot_BBB(self):
        print("BBB clicked !")

    def slot_CCC(self):
        print("CCC clicked !")
1
2
3
4
5
6
7
8

最后，我们需要将init_widget()函数添加到__init__()初始化函数中：

 def __init__(self):
        super().__init__()
        self.width = 1280
        self.height = 720

        # 设置软件图标
        #self.setWindowIcon(QtGui.QIcon("icon.ico"))
        # 设置主界面标题
        self.setWindowTitle("面向对象课程第二十小组作品")
        # 设置固定尺寸
        self.setFixedSize(self.width, self.height)
        # 设置主界面背景色
        self.setStyleSheet("background-color:rgb(84,82,119)")

        self.init_widget()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

这一阶段效果：

3. 绘制二级菜单栏

我们接着在init_widget()函数中添加：

		# 2.创建二级菜单栏
        # 2.1 创建多分页窗口
        self.stackedWidget_func = QtWidgets.QStackedWidget(self) # QStackedWidget表示多分页的窗口
        self.stackedWidget_func.setObjectName("stackedWidget_func")
        self.stackedWidget_func.setGeometry(QtCore.QRect(0, 50, 1280, 50))
        self.stackedWidget_func.setStyleSheet("QWidget{background-color:rgb(211,240,168);border:none}")
1
2
3
4
5
6

多分页窗口QStackedWidget已经创建好了，接下来就需要设计分页并一一添加。本文采用自定义QWidget的方式设计分页，并且将创建分页的代码单独存放在新的py文件中，实现避免代码过于集中冗长。

我们创建一个新的py文件demo2.py，在py文件内新建一个继承于QWidget的类，代表选择AAA选项参数的二级菜单的分页。

from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *

class AAA_Page(QWidget):
    def __init__(self):
        super().__init__()
        # 创建水平布局
        self.hLayout = QHBoxLayout(self)
        self.hLayout.setContentsMargins(0, 0, 0, 0)  # 设置水平布局在Widget内上下左右的间距
        self.hLayout.setSpacing(10)  # 设置间距
        self.hLayout.setDirection(0)  # 自左向右的布局
        self.hLayout.addSpacing(10)  # 左侧空隙

        self.font = QFont()
        self.font.setFamily("黑体")
        self.font.setBold(1)  # 设置为粗体
        self.font.setPixelSize(24)  # 字体大小

        # 创建a1图像按钮
        self.btn_a1 = QPushButton() # 创建按钮
        self.btn_a1.setStyleSheet("QPushButton{color:white;background-color:rgb(51,204,255);font-family:黑体;}"
                                      "QPushButton:pressed{background-color:rgb(51,129,172)}")
        self.btn_a1.setFont(self.font)
        self.btn_a1.setText("a1")
        self.btn_a1.setFixedHeight(50)
        self.btn_a1.setFixedWidth(120)
        self.btn_a1.setParent(self)
        self.btn_a1.setCheckable(True)
        self.btn_a1.clicked.connect(self.slot_a1)
        self.hLayout.addWidget(self.btn_a1)

        # 创建a2图标
        self.btn_a2 = QPushButton()
        self.btn_a2.setStyleSheet("QPushButton{color:white;background-color:rgb(51,204,255);}"
                                      "QPushButton:pressed{background-color:rgb(51,129,172)}")
        self.btn_a2.setFont(self.font)
        self.btn_a2.setText("a2")
        self.btn_a2.setFixedHeight(50)
        self.btn_a2.setFixedWidth(120)
        self.btn_a2.setParent(self)
        self.btn_a2.setCheckable(True)
        self.btn_a2.clicked.connect(self.slot_a2)
        self.hLayout.addWidget(self.btn_a2)


        # 创建a3图标
        self.btn_a3 = QPushButton()
        self.btn_a3.setStyleSheet("QPushButton{color:white;background-color:rgb(51,204,255)}"
                                      "QPushButton:pressed{background-color:rgb(51,129,172)}")
        self.btn_a3.setFont(self.font)
        self.btn_a3.setText("a3")
        self.btn_a3.setFixedHeight(50)
        self.btn_a3.setFixedWidth(120)
        self.btn_a3.setParent(self)
        self.btn_a3.setCheckable(True)
        self.btn_a3.clicked.connect(self.slot_a3)
        self.hLayout.addWidget(self.btn_a3)

        # 最后，在尾端添加弹簧，以至于布局呈现靠左而不是居中
        self.hLayout.addStretch()
        
    def slot_a1(self):
        print("slot_a1 ")
        
    def slot_a2(self):
        print("slot_a2 ")
        
    def slot_a3(self):
        print("slot_a3 ")
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

然后同理，我们可以在demo2.py文件内创建BBB_Page类，CCC_Page类。
最后，在我们主要的py文件中导入：

import demo2
1

然后，我们接着在init_widget()函数中添加：

        # 2.1 创建多分页窗口
        self.stackedWidget_func = QtWidgets.QStackedWidget(self) # QStackedWidget表示多分页的窗口
        self.stackedWidget_func.setObjectName("stackedWidget_func")
        self.stackedWidget_func.setGeometry(QtCore.QRect(0, 50, 1280, 50))
        self.stackedWidget_func.setStyleSheet("QWidget{background-color:rgb(211,240,168);border:none}")

        # 2.2 创建分页对象，并载入分页
        self.file_page = demo2.AAA_Page()
        self.stackedWidget_func.addWidget(self.file_page)
        self.common_page = demo2.BBB_Page()
        self.stackedWidget_func.addWidget(self.common_page)
        self.advance_page = demo2.CCC_Page()
        self.stackedWidget_func.addWidget(self.advance_page)
1
2
3
4
5
6
7
8
9
10
11
12
13

最后，我们修改一下之前编写的槽函数：

    def slot_AAA(self):
        self.stackedWidget_func.setCurrentIndex(0)  # 将多页面窗口切换至页面序号0


    def slot_BBB(self):
        self.stackedWidget_func.setCurrentIndex(1)  # 将多页面窗口切换至页面序号1


    def slot_CCC(self):
        self.stackedWidget_func.setCurrentIndex(2)  # 将多页面窗口切换至页面序号2
1
2
3
4
5
6
7
8
9
10

最后效果：

4. 绘制属性栏

接着在init_widget()函数中添加：

		# 3.创建属性栏
        self.stackedWidget_param = QtWidgets.QStackedWidget(self)  # QStackedWidget表示多分页的窗口
        self.stackedWidget_param.setObjectName("stackedWidget_param")
        self.stackedWidget_param.setGeometry(QtCore.QRect(10, 110, 220, 600))
        self.stackedWidget_param.setStyleSheet("QWidget{background-color:rgb(188,188,188);border:none}")
1
2
3
4
5

然后如法炮制，在demo2.py里参考，设计各种不同的页面，然后再在init_widget()中对self.stackedWidget_param进行添加分页面。
效果：

5. 绘制主窗口，其他窗口等

       # 4. 创建主窗口
        self.image_widget = QtWidgets.QWidget(self)
        self.image_widget.setGeometry(QtCore.QRect(240, 110, 820, 560))
        self.image_widget.setStyleSheet("QWidget{background-color:rgb(255,255,235);border:none}")
        # 可自由进行个性化设计，参考设计一级菜单的方式

        # 5. 创建其他窗口
        self.image_widget = QtWidgets.QWidget(self)
        self.image_widget.setGeometry(QtCore.QRect(1070, 110, 200, 560))
        self.image_widget.setStyleSheet("QWidget{background-color:rgb(255,200,235);border:none}")
        # 可自由进行个性化设计，参考设计一级菜单的方式

        # 6.创建下方文字栏
        self.text_widget = QtWidgets.QWidget(self)
        self.text_widget.setGeometry(QtCore.QRect(240, 680, 1030, 30))
        self.text_widget.setStyleSheet("QWidget{background-color:rgb(200,223,200);border:none}")
        # 可自由进行个性化设计，参考设计一级菜单的方式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

最终效果：

6. 完整代码

本文是绘制界面的一个简单demo，把设计都抽象画，不考虑功能实现部分，该代码需要根据各自的项目具体需求进行二次开发。
希望读者能从代码中获得一些启发，结合自己的项目实际，重新设计出更为具体饱满的界面。

主界面py文件：

import sys
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *
from PyQt5 import QtCore, QtGui, QtWidgets

import demo2

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.width = 1280
        self.height = 720

        # 设置软件图标
        #self.setWindowIcon(QtGui.QIcon("icon.ico"))
        # 设置主界面标题
        self.setWindowTitle("面向对象课程第二十小组作品")
        # 设置固定尺寸
        self.setFixedSize(self.width, self.height)
        # 设置主界面背景色
        self.setStyleSheet("background-color:rgb(84,82,119)")

        self.init_widget()


    def init_widget(self):
        # 1. 创建一级菜单栏
        # 1.1 创建一级菜单栏的窗口
        self.widget_menu = QtWidgets.QWidget(self)  # 注意，传入参数代表一个从属关系，表示创建的QWidget属于self，也就是MainWindow自身
        self.widget_menu.setObjectName("widget_menu")
        self.widget_menu.setGeometry(QtCore.QRect(0, 0, 1280, 50))
        self.widget_menu.setStyleSheet("QWidget{background-color:rgb(123,223,223);border:2px solid balck;}")
        # 1.2 创建一个水平布局
        self.menuLayout = QHBoxLayout(self.widget_menu)
        # 1.3 设置水平布局的属性
        self.menuLayout.setSpacing(30)  # 设置间距
        self.menuLayout.setDirection(0)  # 自左向右的布局
        self.menuLayout.addSpacing(30)  # 最左端增加30像素的间距
        # 1.4 为菜单栏设置按钮组
        self.menuButtonGroup = QButtonGroup()
        # 1.5设置文字和字体
        menuStr = []
        menuStr.append("AAA")
        menuStr.append("BBB")
        menuStr.append("CCC")
        self.font = QFont()  # 设置字样式
        self.font.setFamily("黑体")  # 设置字体
        self.font.setBold(1)  # 设置为粗体
        self.font.setPixelSize(24)  # 字体大小
        # 1.5 添加按钮至按钮组
        count = 0  # 设置按钮在按钮组内的序号
        for menu_str in menuStr:
            menuBtn = QPushButton()  # 创建按钮
            menuBtn.setStyleSheet("QPushButton{color:rgb(0,0,0);border:none;}"
                                  "QPushButton::checked{color:rgb(58,164,98)}")
            menuBtn.setFont(self.font)  # 加载字体
            menuBtn.setText(menu_str)  # 加载文字
            menuBtn.setParent(self.widget_menu)  # 属于一级菜单栏的窗口
            menuBtn.setCheckable(True)
            self.menuLayout.addWidget(menuBtn)  # 一级菜单栏的水平布局中添加该按钮
            self.menuButtonGroup.addButton(menuBtn, count)  # 把按钮添加到按钮组中
            count += 1

        # 1.6 将按钮组内的按钮设置为互斥
        self.menuButtonGroup.setExclusive(True)
        # 1.7 菜单栏最后再添加弹簧
        self.menuLayout.addStretch()
        # 1.8 为按钮组内的按钮添加信号槽
        self.menuButtonGroup.button(0).clicked.connect(self.slot_AAA)  # 为按钮组中序号为0的按钮建立信号槽，点击就会触发slot_AAA()函数
        self.menuButtonGroup.button(1).clicked.connect(self.slot_BBB)  # 为按钮组中序号为1的按钮建立信号槽，点击就会触发slot_BBB()函数
        self.menuButtonGroup.button(2).clicked.connect(self.slot_CCC)  # 为按钮组中序号为2的按钮建立信号槽，点击就会触发slot_CCC()函数

        # 2.1 创建多分页窗口
        self.stackedWidget_func = QtWidgets.QStackedWidget(self) # QStackedWidget表示多分页的窗口
        self.stackedWidget_func.setObjectName("stackedWidget_func")
        self.stackedWidget_func.setGeometry(QtCore.QRect(0, 50, 1280, 50))
        self.stackedWidget_func.setStyleSheet("QWidget{background-color:rgb(211,240,168);border:none}")

        # 2.2 创建分页对象，并载入分页
        self.file_page = demo2.AAA_Page()
        self.stackedWidget_func.addWidget(self.file_page)
        self.common_page = demo2.BBB_Page()
        self.stackedWidget_func.addWidget(self.common_page)
        self.advance_page = demo2.CCC_Page()
        self.stackedWidget_func.addWidget(self.advance_page)

        # 3.创建属性栏
        self.stackedWidget_param = QtWidgets.QStackedWidget(self)  # QStackedWidget表示多分页的窗口
        self.stackedWidget_param.setObjectName("stackedWidget_param")
        self.stackedWidget_param.setGeometry(QtCore.QRect(10, 110, 220, 600))
        self.stackedWidget_param.setStyleSheet("QWidget{background-color:rgb(188,188,188);border:none}")
        # 3.2 创建分页对象，并载入分页（略）

        # 4. 创建主窗口
        self.image_widget = QtWidgets.QWidget(self)
        self.image_widget.setGeometry(QtCore.QRect(240, 110, 820, 560))
        self.image_widget.setStyleSheet("QWidget{background-color:rgb(255,255,235);border:none}")
        # 可自由进行个性化设计，参考设计一级菜单的方式

        # 5. 创建其他窗口
        self.image_widget = QtWidgets.QWidget(self)
        self.image_widget.setGeometry(QtCore.QRect(1070, 110, 200, 560))
        self.image_widget.setStyleSheet("QWidget{background-color:rgb(255,200,235);border:none}")
        # 可自由进行个性化设计，参考设计一级菜单的方式

        # 6.创建下方文字栏
        self.text_widget = QtWidgets.QWidget(self)
        self.text_widget.setGeometry(QtCore.QRect(240, 680, 1030, 30))
        self.text_widget.setStyleSheet("QWidget{background-color:rgb(200,223,200);border:none}")
        # 可自由进行个性化设计，参考设计一级菜单的方式

    def slot_AAA(self):
        self.stackedWidget_func.setCurrentIndex(0)  # 将多页面窗口切换至页面序号0


    def slot_BBB(self):
        self.stackedWidget_func.setCurrentIndex(1)  # 将多页面窗口切换至页面序号1


    def slot_CCC(self):
        self.stackedWidget_func.setCurrentIndex(2)  # 将多页面窗口切换至页面序号2


if __name__ == '__main__':
    app = QApplication(sys.argv)
    w = MainWindow()
    w.show()
    sys.exit(app.exec())


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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

管理分页的py文件，其实以一个分页为模板即可，本文不再列举其他分页的代码：

from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *

class AAA_Page(QWidget):
    def __init__(self):
        super().__init__()
        # 创建水平布局
        self.hLayout = QHBoxLayout(self)
        self.hLayout.setContentsMargins(0, 0, 0, 0)  # 设置水平布局在Widget内上下左右的间距
        self.hLayout.setSpacing(10)  # 设置间距
        self.hLayout.setDirection(0)  # 自左向右的布局
        self.hLayout.addSpacing(10)  # 左侧空隙

        self.font = QFont()
        self.font.setFamily("黑体")
        self.font.setBold(1)  # 设置为粗体
        self.font.setPixelSize(24)  # 字体大小

        # 创建a1图像按钮
        self.btn_a1 = QPushButton() # 创建按钮
        self.btn_a1.setStyleSheet("QPushButton{color:white;background-color:rgb(51,204,255);font-family:黑体;}"
                                      "QPushButton:pressed{background-color:rgb(51,129,172)}")
        self.btn_a1.setFont(self.font)
        self.btn_a1.setText("a1")
        self.btn_a1.setFixedHeight(50)
        self.btn_a1.setFixedWidth(120)
        self.btn_a1.setParent(self)
        self.btn_a1.setCheckable(True)
        self.btn_a1.clicked.connect(self.slot_a1)
        self.hLayout.addWidget(self.btn_a1)

        # 创建a2图标
        self.btn_a2 = QPushButton()
        self.btn_a2.setStyleSheet("QPushButton{color:white;background-color:rgb(51,204,255);}"
                                      "QPushButton:pressed{background-color:rgb(51,129,172)}")
        self.btn_a2.setFont(self.font)
        self.btn_a2.setText("a2")
        self.btn_a2.setFixedHeight(50)
        self.btn_a2.setFixedWidth(120)
        self.btn_a2.setParent(self)
        self.btn_a2.setCheckable(True)
        self.btn_a2.clicked.connect(self.slot_a2)
        self.hLayout.addWidget(self.btn_a2)


        # 创建a3图标
        self.btn_a3 = QPushButton()
        self.btn_a3.setStyleSheet("QPushButton{color:white;background-color:rgb(51,204,255)}"
                                      "QPushButton:pressed{background-color:rgb(51,129,172)}")
        self.btn_a3.setFont(self.font)
        self.btn_a3.setText("a3")
        self.btn_a3.setFixedHeight(50)
        self.btn_a3.setFixedWidth(120)
        self.btn_a3.setParent(self)
        self.btn_a3.setCheckable(True)
        self.btn_a3.clicked.connect(self.slot_a3)
        self.hLayout.addWidget(self.btn_a3)

        # 最后，在尾端添加弹簧，以至于布局呈现靠左而不是居中
        self.hLayout.addStretch()

    def slot_a1(self):
        print("slot_a1 ")

    def slot_a2(self):
        print("slot_a2 ")

    def slot_a3(self):
        print("slot_a3 ")


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