使用Python庫pyqt5製作TXT閱讀器（一）-------UI設計

pikeduo發表於2023-01-09

專案地址：https://github.com/pikeduo/TXTReader
PyQt5中文手冊：https://maicss.gitbook.io/pyqt-chinese-tutoral/pyqt5/
QtDesigner學習地址：https://youcans.blog.csdn.net/article/details/120640342

一、前期準備

QtDesigner是一個視覺化的GUI設計工具，首先我們要在pycharm上配置QtDesigner，用來設計ui，確保你已經安裝了pyqt5庫。

pip install pyqt5

點選File->Settings->Tools->External Tools，點選+新增外部工具。
在這裡插入圖片描述
下面是QtDesigner的一些配置

Name:QtDesigner 可自定義
Program:E:\專案根目錄\venv\Lib\site-packages\qt5_applications\Qt\bin\designer.exe
Arguments:不用填
Workig directory: $ProjectFileDir$\QtDesigner\UI

其中Program填designer.exe的地址，如果找不到在哪裡，則在pycharm主介面連續點選兩次Shift，進入搜尋介面搜尋。
在這裡插入圖片描述
記住要將右上角的框勾上。
工作目錄裡$ProjectFileDir$是專案根目錄，QtDesigner\UI是自己建立的目錄，可自行選擇是否建立，設計的ui檔案會儲存到這個目錄下。

點選ok後，再點選aplay，如果沒點的話則設定不成功且要成功設定。
接下來配置pyUIC，將qrc檔案轉化為py檔案，配置如下

Name:puUIC 可自定義
Program:E:\專案地址\venv\Scripts\python.exe
Arguments:-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py Workig directory: \$ProjectFileDir$\QtDesigner\UI

在這裡插入圖片描述
最後是配置pyrc，將資原始檔轉換為py檔案，配置如下

Name:qrcTopy 可自定義
Program:E:\專案地址\venv\Scripts\pyrcc5.exe
Arguments:-o ../$FileNameWithoutExtension$_rc.py \$FileNameWithoutExtension$.qrc
Workig directory: $FileDir$

注意，Arguments中../$FileNameWithoutExtension$_rc.py加了../，代表要將編譯後的py檔案儲存到父目錄，因為qrc檔案是儲存在resource目錄下，檔名加了_rc是因為每次設計完ui，將ui檔案編譯成py檔案後，會`import \$FileNameWithoutExtension$_rc.py`，為了方便，乾脆直接加上_rc。
在這裡插入圖片描述
我的目錄結構如下

二、UI設計

（1）主視窗

依次點選Tools->External Tools->QtDesigner，開啟QtDesigner，建立一個視窗。
在這裡插入圖片描述
在右邊屬性編輯器裡，設定視窗的最小大小為1280X720。

新增視窗圖示，圖示來源於阿里向量相簿
在右邊屬性編輯器找到windowIcon，選擇資源

點選左上角的筆編輯資源，新建資原始檔，在你的專案resource目錄下新建一個resource.qrc檔案。
在這裡插入圖片描述
在右下角加號新增一個字首icon，然後新增檔案，將檔案全部複製過來，選擇一個檔案作為圖示。

快捷鍵Ctrl+R可以預覽ui介面。

右邊物件檢視器，在主視窗下新增一個工具欄

主視窗設計完畢，接下來是將ui檔案和qrc檔案轉換為py檔案。
找到ui檔案，右鍵，External Tools->pyUIC，然後可以看到在同目錄下生成了UIReader.py檔案

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'UIReader.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(1280, 720)
        MainWindow.setMinimumSize(QtCore.QSize(1280, 720))
        icon = QtGui.QIcon()
        icon.addPixmap(QtGui.QPixmap(":/icon/reader.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        MainWindow.setWindowIcon(icon)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.gridLayout_2 = QtWidgets.QGridLayout(self.centralwidget)
        self.gridLayout_2.setObjectName("gridLayout_2")
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 1280, 26))
        self.menubar.setObjectName("menubar")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)
        self.toolBar = QtWidgets.QToolBar(MainWindow)
        self.toolBar.setObjectName("toolBar")
        MainWindow.addToolBar(QtCore.Qt.TopToolBarArea, self.toolBar)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "TXT閱讀器"))
        MainWindow.setStatusTip(_translate("MainWindow", "TXT閱讀器"))
        self.toolBar.setWindowTitle(_translate("MainWindow", "toolBar"))
import resource_rc

程式碼中包含一些累贅的資訊，這是因為在QtDesigner中，如果你設定佈局後又刪除，在ui檔案中還會儲存這些資訊。
找到resource.qrc檔案，右鍵，External Tools->qrtTopy，將resource.qrc檔案轉換為py檔案，可以看到在專案根目錄下生成了resource_rc.py檔案。
在建立一個main.py檔案，呼叫UIReader.py檔案，執行顯示主視窗。

import sys

from PyQt5.QtWidgets import QMainWindow, QApplication

from QtDesigner.UI.UIReader import Ui_MainWindow


class MyMainWindow(QMainWindow, Ui_MainWindow): # 繼承 QMainWindow 類和 Ui_MainWindow 介面類
    def __init__(self, parent=None):
        super(MyMainWindow, self).__init__(parent)  # 初始化父類
        self.setupUi(self)  # 繼承 Ui_MainWindow 介面類

if __name__ == '__main__':
    app = QApplication(sys.argv)  # 在 QApplication 方法中使用，建立應用程式物件
    myWin = MyMainWindow()  # 例項化 MyMainWindow 類，建立主視窗
    myWin.show()  # 在桌面顯示控制元件 myWin
    sys.exit(app.exec_())  # 結束程式，退出程式

在這裡插入圖片描述
雖然視窗圖示有了，但是最小化圖示還沒有，在main.py檔案新增ctypes.windll.shell32.SetCurrentProcessExplicitAppUserModelID("myappid")，發現圖示顯示出來了。

（2）選單欄

在選單欄新增一個檔案選單，建立兩個子選單，開啟檔案和開啟最近的檔案，為其新增圖示。
注意子選單欄名稱不能直接輸入中文，要在右邊屬性欄裡更改。
在這裡插入圖片描述
在開啟最近的檔案裡，再新增子選單，注意其類從QAction變更為QMenu。

新增了一個子選單後再刪除，其類從QAction變更為了QMenu。
新增設定選單欄，設定字型和顏色。

設定背景圖片。

恢復預設設定。
在這裡插入圖片描述
然後是退出按鈕。

因為QMenu類不能繫結動作，所以要建一個子選單，為其繫結動作，可以新增快捷鍵，右邊找到shortcut，按Ctrl+Q，快捷鍵設定完成。
右下角，訊號和槽，繫結動作。

完成！編譯完後執行。
在這裡插入圖片描述
UIReader.py的程式碼如下：

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'UIReader.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(1280, 720)
        MainWindow.setMinimumSize(QtCore.QSize(1280, 720))
        icon = QtGui.QIcon()
        icon.addPixmap(QtGui.QPixmap(":/icon/reader.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        MainWindow.setWindowIcon(icon)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.gridLayout_2 = QtWidgets.QGridLayout(self.centralwidget)
        self.gridLayout_2.setObjectName("gridLayout_2")
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 1280, 26))
        self.menubar.setObjectName("menubar")
        self.files = QtWidgets.QMenu(self.menubar)
        icon1 = QtGui.QIcon()
        icon1.addPixmap(QtGui.QPixmap(":/icon/files.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.files.setIcon(icon1)
        self.files.setObjectName("files")
        self.lastfile = QtWidgets.QMenu(self.files)
        icon2 = QtGui.QIcon()
        icon2.addPixmap(QtGui.QPixmap(":/icon/file_last.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.lastfile.setIcon(icon2)
        self.lastfile.setObjectName("lastfile")
        self.setting = QtWidgets.QMenu(self.menubar)
        icon3 = QtGui.QIcon()
        icon3.addPixmap(QtGui.QPixmap(":/icon/setting.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.setting.setIcon(icon3)
        self.setting.setObjectName("setting")
        self.fontcolor = QtWidgets.QMenu(self.setting)
        icon4 = QtGui.QIcon()
        icon4.addPixmap(QtGui.QPixmap(":/icon/fontcolor.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.fontcolor.setIcon(icon4)
        self.fontcolor.setObjectName("fontcolor")
        self.bg = QtWidgets.QMenu(self.setting)
        icon5 = QtGui.QIcon()
        icon5.addPixmap(QtGui.QPixmap(":/icon/bg.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.bg.setIcon(icon5)
        self.bg.setObjectName("bg")
        self.exit = QtWidgets.QMenu(self.menubar)
        icon6 = QtGui.QIcon()
        icon6.addPixmap(QtGui.QPixmap(":/icon/exit.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.exit.setIcon(icon6)
        self.exit.setObjectName("exit")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)
        self.toolBar = QtWidgets.QToolBar(MainWindow)
        self.toolBar.setObjectName("toolBar")
        MainWindow.addToolBar(QtCore.Qt.TopToolBarArea, self.toolBar)
        self.actionfile = QtWidgets.QAction(MainWindow)
        icon7 = QtGui.QIcon()
        icon7.addPixmap(QtGui.QPixmap(":/icon/file.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actionfile.setIcon(icon7)
        self.actionfile.setObjectName("actionfile")
        self.action1 = QtWidgets.QAction(MainWindow)
        self.action1.setObjectName("action1")
        self.actionfont = QtWidgets.QAction(MainWindow)
        icon8 = QtGui.QIcon()
        icon8.addPixmap(QtGui.QPixmap(":/icon/font.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actionfont.setIcon(icon8)
        self.actionfont.setObjectName("actionfont")
        self.actioncolor = QtWidgets.QAction(MainWindow)
        icon9 = QtGui.QIcon()
        icon9.addPixmap(QtGui.QPixmap(":/icon/color.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actioncolor.setIcon(icon9)
        self.actioncolor.setObjectName("actioncolor")
        self.actionimport = QtWidgets.QAction(MainWindow)
        icon10 = QtGui.QIcon()
        icon10.addPixmap(QtGui.QPixmap(":/icon/import.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actionimport.setIcon(icon10)
        self.actionimport.setObjectName("actionimport")
        self.actionclose = QtWidgets.QAction(MainWindow)
        icon11 = QtGui.QIcon()
        icon11.addPixmap(QtGui.QPixmap(":/icon/close.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actionclose.setIcon(icon11)
        self.actionclose.setObjectName("actionclose")
        self.actiondefault = QtWidgets.QAction(MainWindow)
        icon12 = QtGui.QIcon()
        icon12.addPixmap(QtGui.QPixmap(":/icon/default.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actiondefault.setIcon(icon12)
        self.actiondefault.setObjectName("actiondefault")
        self.actionexit = QtWidgets.QAction(MainWindow)
        self.actionexit.setIcon(icon6)
        self.actionexit.setObjectName("actionexit")
        self.files.addAction(self.actionfile)
        self.files.addAction(self.lastfile.menuAction())
        self.fontcolor.addAction(self.actionfont)
        self.fontcolor.addAction(self.actioncolor)
        self.bg.addAction(self.actionimport)
        self.bg.addAction(self.actionclose)
        self.setting.addAction(self.fontcolor.menuAction())
        self.setting.addAction(self.bg.menuAction())
        self.setting.addAction(self.actiondefault)
        self.exit.addAction(self.actionexit)
        self.menubar.addAction(self.files.menuAction())
        self.menubar.addAction(self.setting.menuAction())
        self.menubar.addAction(self.exit.menuAction())

        self.retranslateUi(MainWindow)
        self.actionexit.triggered.connect(MainWindow.close)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "TXT閱讀器"))
        MainWindow.setStatusTip(_translate("MainWindow", "TXT閱讀器"))
        self.files.setStatusTip(_translate("MainWindow", "檔案"))
        self.files.setTitle(_translate("MainWindow", "檔案"))
        self.lastfile.setTitle(_translate("MainWindow", "開啟最近的檔案"))
        self.setting.setToolTip(_translate("MainWindow", "設定"))
        self.setting.setStatusTip(_translate("MainWindow", "設定"))
        self.setting.setTitle(_translate("MainWindow", "設定"))
        self.fontcolor.setTitle(_translate("MainWindow", "字型和顏色"))
        self.bg.setTitle(_translate("MainWindow", "背景圖片"))
        self.exit.setToolTip(_translate("MainWindow", "關閉應用"))
        self.exit.setStatusTip(_translate("MainWindow", "關閉應用"))
        self.exit.setTitle(_translate("MainWindow", "退出"))
        self.toolBar.setWindowTitle(_translate("MainWindow", "toolBar"))
        self.actionfile.setText(_translate("MainWindow", "開啟檔案"))
        self.actionfile.setStatusTip(_translate("MainWindow", "開啟檔案"))
        self.actionfile.setShortcut(_translate("MainWindow", "Ctrl+O"))
        self.action1.setText(_translate("MainWindow", "1"))
        self.actionfont.setText(_translate("MainWindow", "選擇字型"))
        self.actionfont.setStatusTip(_translate("MainWindow", "選擇字型"))
        self.actioncolor.setText(_translate("MainWindow", "選擇背景顏色"))
        self.actioncolor.setStatusTip(_translate("MainWindow", "選擇背景顏色"))
        self.actionimport.setText(_translate("MainWindow", "匯入背景圖片"))
        self.actionimport.setStatusTip(_translate("MainWindow", "匯入背景圖片"))
        self.actionclose.setText(_translate("MainWindow", "關閉背景圖片"))
        self.actionclose.setStatusTip(_translate("MainWindow", "關閉背景圖片"))
        self.actiondefault.setText(_translate("MainWindow", "恢復預設設定"))
        self.actiondefault.setStatusTip(_translate("MainWindow", "恢復預設設定"))
        self.actionexit.setText(_translate("MainWindow", "退出應用"))
        self.actionexit.setStatusTip(_translate("MainWindow", "退出應用"))
        self.actionexit.setShortcut(_translate("MainWindow", "Ctrl+Q"))
import resource_rc

三、顯示介面

顯示頁面需要一個目錄和文字瀏覽器。
從左側找到Tree Widget元件，拖到主視窗。在Tree Widget區域，右鍵編輯專案，新增列命名為章節列表，並將其佈局設定為左邊。
在這裡插入圖片描述
左側找到Text Browser，拖到右邊區域，並將整片區域設定為柵格佈局。

為章節目錄設定圖示，右鍵編輯專案，在屬性裡新增圖示。

儲存，編譯執行。

在這裡插入圖片描述
UI介面程式碼。

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'UIReader.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(1280, 720)
        MainWindow.setMinimumSize(QtCore.QSize(1280, 720))
        icon = QtGui.QIcon()
        icon.addPixmap(QtGui.QPixmap(":/icon/reader.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        MainWindow.setWindowIcon(icon)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.gridLayout = QtWidgets.QGridLayout(self.centralwidget)
        self.gridLayout.setObjectName("gridLayout")
        self.treeWidget = QtWidgets.QTreeWidget(self.centralwidget)
        self.treeWidget.setObjectName("treeWidget")
        icon1 = QtGui.QIcon()
        icon1.addPixmap(QtGui.QPixmap(":/icon/catlogs.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.treeWidget.headerItem().setIcon(0, icon1)
        self.gridLayout.addWidget(self.treeWidget, 0, 0, 1, 1, QtCore.Qt.AlignLeft)
        self.textBrowser = QtWidgets.QTextBrowser(self.centralwidget)
        self.textBrowser.setObjectName("textBrowser")
        self.gridLayout.addWidget(self.textBrowser, 0, 1, 1, 1)
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 1280, 26))
        self.menubar.setObjectName("menubar")
        self.files = QtWidgets.QMenu(self.menubar)
        icon2 = QtGui.QIcon()
        icon2.addPixmap(QtGui.QPixmap(":/icon/files.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.files.setIcon(icon2)
        self.files.setObjectName("files")
        self.lastfile = QtWidgets.QMenu(self.files)
        icon3 = QtGui.QIcon()
        icon3.addPixmap(QtGui.QPixmap(":/icon/file_last.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.lastfile.setIcon(icon3)
        self.lastfile.setObjectName("lastfile")
        self.setting = QtWidgets.QMenu(self.menubar)
        icon4 = QtGui.QIcon()
        icon4.addPixmap(QtGui.QPixmap(":/icon/setting.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.setting.setIcon(icon4)
        self.setting.setObjectName("setting")
        self.fontcolor = QtWidgets.QMenu(self.setting)
        icon5 = QtGui.QIcon()
        icon5.addPixmap(QtGui.QPixmap(":/icon/fontcolor.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.fontcolor.setIcon(icon5)
        self.fontcolor.setObjectName("fontcolor")
        self.bg = QtWidgets.QMenu(self.setting)
        icon6 = QtGui.QIcon()
        icon6.addPixmap(QtGui.QPixmap(":/icon/bg.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.bg.setIcon(icon6)
        self.bg.setObjectName("bg")
        self.exit = QtWidgets.QMenu(self.menubar)
        icon7 = QtGui.QIcon()
        icon7.addPixmap(QtGui.QPixmap(":/icon/exit.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.exit.setIcon(icon7)
        self.exit.setObjectName("exit")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)
        self.toolBar = QtWidgets.QToolBar(MainWindow)
        self.toolBar.setObjectName("toolBar")
        MainWindow.addToolBar(QtCore.Qt.TopToolBarArea, self.toolBar)
        self.actionfile = QtWidgets.QAction(MainWindow)
        icon8 = QtGui.QIcon()
        icon8.addPixmap(QtGui.QPixmap(":/icon/file.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actionfile.setIcon(icon8)
        self.actionfile.setObjectName("actionfile")
        self.action1 = QtWidgets.QAction(MainWindow)
        self.action1.setObjectName("action1")
        self.actionfont = QtWidgets.QAction(MainWindow)
        icon9 = QtGui.QIcon()
        icon9.addPixmap(QtGui.QPixmap(":/icon/font.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actionfont.setIcon(icon9)
        self.actionfont.setObjectName("actionfont")
        self.actioncolor = QtWidgets.QAction(MainWindow)
        icon10 = QtGui.QIcon()
        icon10.addPixmap(QtGui.QPixmap(":/icon/color.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actioncolor.setIcon(icon10)
        self.actioncolor.setObjectName("actioncolor")
        self.actionimport = QtWidgets.QAction(MainWindow)
        icon11 = QtGui.QIcon()
        icon11.addPixmap(QtGui.QPixmap(":/icon/import.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actionimport.setIcon(icon11)
        self.actionimport.setObjectName("actionimport")
        self.actionclose = QtWidgets.QAction(MainWindow)
        icon12 = QtGui.QIcon()
        icon12.addPixmap(QtGui.QPixmap(":/icon/close.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actionclose.setIcon(icon12)
        self.actionclose.setObjectName("actionclose")
        self.actiondefault = QtWidgets.QAction(MainWindow)
        icon13 = QtGui.QIcon()
        icon13.addPixmap(QtGui.QPixmap(":/icon/default.svg"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.actiondefault.setIcon(icon13)
        self.actiondefault.setObjectName("actiondefault")
        self.actionexit = QtWidgets.QAction(MainWindow)
        self.actionexit.setIcon(icon7)
        self.actionexit.setObjectName("actionexit")
        self.files.addAction(self.actionfile)
        self.files.addAction(self.lastfile.menuAction())
        self.fontcolor.addAction(self.actionfont)
        self.fontcolor.addAction(self.actioncolor)
        self.bg.addAction(self.actionimport)
        self.bg.addAction(self.actionclose)
        self.setting.addAction(self.fontcolor.menuAction())
        self.setting.addAction(self.bg.menuAction())
        self.setting.addAction(self.actiondefault)
        self.exit.addAction(self.actionexit)
        self.menubar.addAction(self.files.menuAction())
        self.menubar.addAction(self.setting.menuAction())
        self.menubar.addAction(self.exit.menuAction())

        self.retranslateUi(MainWindow)
        self.actionexit.triggered.connect(MainWindow.close)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "TXT閱讀器"))
        MainWindow.setStatusTip(_translate("MainWindow", "TXT閱讀器"))
        self.treeWidget.setToolTip(_translate("MainWindow", "章節目錄"))
        self.treeWidget.setStatusTip(_translate("MainWindow", "章節目錄"))
        self.treeWidget.headerItem().setText(0, _translate("MainWindow", "章節目錄"))
        self.files.setStatusTip(_translate("MainWindow", "檔案"))
        self.files.setTitle(_translate("MainWindow", "檔案"))
        self.lastfile.setToolTip(_translate("MainWindow", "開啟最近的檔案"))
        self.lastfile.setStatusTip(_translate("MainWindow", "開啟最近的檔案"))
        self.lastfile.setTitle(_translate("MainWindow", "開啟最近的檔案"))
        self.setting.setToolTip(_translate("MainWindow", "設定"))
        self.setting.setStatusTip(_translate("MainWindow", "設定"))
        self.setting.setTitle(_translate("MainWindow", "設定"))
        self.fontcolor.setTitle(_translate("MainWindow", "字型和顏色"))
        self.bg.setTitle(_translate("MainWindow", "背景圖片"))
        self.exit.setToolTip(_translate("MainWindow", "關閉應用"))
        self.exit.setStatusTip(_translate("MainWindow", "關閉應用"))
        self.exit.setTitle(_translate("MainWindow", "退出"))
        self.toolBar.setWindowTitle(_translate("MainWindow", "toolBar"))
        self.actionfile.setText(_translate("MainWindow", "開啟檔案"))
        self.actionfile.setStatusTip(_translate("MainWindow", "開啟檔案"))
        self.actionfile.setShortcut(_translate("MainWindow", "Ctrl+O"))
        self.action1.setText(_translate("MainWindow", "1"))
        self.actionfont.setText(_translate("MainWindow", "選擇字型"))
        self.actionfont.setStatusTip(_translate("MainWindow", "選擇字型"))
        self.actioncolor.setText(_translate("MainWindow", "選擇背景顏色"))
        self.actioncolor.setStatusTip(_translate("MainWindow", "選擇背景顏色"))
        self.actionimport.setText(_translate("MainWindow", "匯入背景圖片"))
        self.actionimport.setStatusTip(_translate("MainWindow", "匯入背景圖片"))
        self.actionclose.setText(_translate("MainWindow", "關閉背景圖片"))
        self.actionclose.setStatusTip(_translate("MainWindow", "關閉背景圖片"))
        self.actiondefault.setText(_translate("MainWindow", "恢復預設設定"))
        self.actiondefault.setStatusTip(_translate("MainWindow", "恢復預設設定"))
        self.actionexit.setText(_translate("MainWindow", "退出應用"))
        self.actionexit.setStatusTip(_translate("MainWindow", "退出應用"))
        self.actionexit.setShortcut(_translate("MainWindow", "Ctrl+Q"))
import resource_rc

這樣UI介面就初步設計完成了。

打造web版epub閱讀器（閱讀設計）
2017-06-14
Web
UI設計：螢幕閱讀用字法則
2021-09-09
UI
如何使用 50 行 Python 程式碼製作一個計算器
2015-12-27
Python
如何設計實現一個React UI元件庫——Ant Design原始碼閱讀與淺析
2018-04-29
ReactUI元件原始碼
製作ui設計作品集要注意哪些
2021-09-28
UI
從 UI 設計角度探討如何製作 UI 音訊 - Part 1
2020-09-01
UI音訊
從 UI 設計角度探討如何製作 UI 音訊 – Part 2
2020-09-08
UI音訊
使用Python製作一個簡單的刷微博器
2014-01-14
Python
用50行Python程式碼製作一個計算器
2013-03-03
Python
Python 中 PyQt5 庫語法（一）
2022-03-29
PythonQT
作為程式設計師為什麼要閱讀原始碼
2020-10-04
程式設計師原始碼
PyQt5技術分享:製作一個美觀的Dock欄
2020-11-01
QT
如何利用PyQT5製作一個資料圖表生成器
2022-03-10
QT
Logo如何設計製作？線上製作logo一分鐘完成！
2021-11-22
Go
UI設計實戰篇——利用Bootstrap框架製作查詢頁面的介面
2013-11-07
UIboot框架
Android UI 設計（12）：ListView 練習（製作水果選擇選單）
2015-10-12
AndroidUIView
做一個程式碼閱讀器
2019-11-24
遊戲特效設計的延伸閱讀
2019-05-27
遊戲特效
UI 製作使遊戲更具世界觀，UI動畫和UI製作之間的兩個區別
2020-08-26
UI遊戲動畫
28_庫的製作與使用
2024-04-10
Python應用03 使用PyQT製作視訊播放器
2016-12-07
PythonQT播放器
Python 第一週程式設計作業
2018-09-12
Python程式設計
PyQt5 GUI程式設計
2024-03-19
QTGUI程式設計
【閱讀筆記】REST設計風格
2024-04-06
筆記REST
Sketch外掛新利器——使用摹客設計規範製作設計
2018-08-03
html+css+js製作一個簡易計算器
2019-01-23
HTMLCSSJS
【記錄】python3 使用tkinter製作tkinterUI編輯器《十一》
2020-11-13
PythonUI
pyqt5製作俄羅斯方塊小遊戲-----原始碼解析
2022-12-17
QT遊戲原始碼
(3)ESP32 Python 製作一個辦公室溫度計
2022-01-20
Python
原始碼閱讀：Masonry（一）——從使用入手
2018-08-03
原始碼
原始碼閱讀：SDWebImage（一）——從使用入手
2018-05-22
原始碼Web
Python PyQT5的入門使用
2019-07-16
PythonQT
作業系統：精髓與設計原理，中文第七版閱讀筆記--第一章
2018-07-25
作業系統筆記
UI設計培訓教程分享：UI設計師的色彩使用技巧
2021-10-19
UI
[React Native]一款RSS閱讀器
2018-06-05
React Native
Julia程式設計基礎閱讀筆記
2020-12-20
程式設計筆記
程式設計師，你需要大量地閱讀
2014-07-31
程式設計師
程式設計師提高英語閱讀水平
2014-07-28
程式設計師