菜單和工具欄
這個章節,我們會創建狀態欄、菜單和工具欄。菜單是一組位於菜單欄的命令。工具欄是應用的一些常用工具按鈕。狀態欄顯示一些狀態信息,通常在應用的底部。
主窗口
QMainWindow提供了主窗口的功能,使用它能創建一些簡單的狀態欄、工具欄和菜單欄。
主窗口是下面這些窗口的合稱,所以教程在最下方。
狀態欄
狀態欄是用來顯示應用的狀態信息的組件。
""""
brief:狀態欄
狀態欄用於顯示狀態信息。
author:chenyijun
date:2020-01-26
"""
import sys
from PyQt5.QtWidgets import QMainWindow, QApplication
class Example(QMainWindow):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.statusBar().showMessage("Ready")
self.setGeometry(300, 300, 250, 150)
self.show()
if __name__ == "__main__":
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
狀態欄是由QMainWindow創建的。
self.statusBar().showMessage('Ready')
調用QtGui.QMainWindow類的statusBar()方法,創建狀態欄。第一次調用創建一個狀態欄,返回一個狀態欄對象。showMessage()方法在狀態欄上顯示一條信息。
程序預覽:
菜單欄
菜單欄是非常常用的。是一組命令的集合(Mac OS下狀態欄的顯示不一樣,爲了得到最相似的外觀,我們增加了一句menubar.setNativeMenuBar(False))。
""""
brief:菜單欄
菜單欄是常見的窗口應用程序的一部分。(Mac OS將菜單條不同。得到類似的結果,
我們可以添加以下行:menubar.setNativeMenuBar(假)。)
author:chenyijun
date:2020-01-26
"""
import sys
from PyQt5.QtWidgets import QMainWindow, QAction, qApp, QApplication
from PyQt5.QtGui import QIcon
class Example(QMainWindow):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
exitAction = QAction(QIcon("qt.png"), "&Exit", self)
exitAction.setShortcut("Ctrl+Q")
exitAction.setStatusTip("Exit application")
exitAction.triggered.connect(qApp.quit)
self.statusBar()
# 創建一個菜單欄
menubar = self.menuBar()
# 創建一個菜單欄
fileMenu = menubar.addMenu("&File")
# 添加事件
fileMenu.addAction(exitAction)
self.setGeometry(300, 300, 300, 200)
self.setWindowTitle("Simple menu")
self.show()
if __name__ == "__main__":
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
我們創建了只有一個命令的菜單欄,這個命令就是終止應用。同時也創建了一個狀態欄。而且還能使用快捷鍵Ctrl+Q退出應用。
exitAct = QAction(QIcon('exit.png'), '&Exit', self) exitAct.setShortcut('Ctrl+Q') exitAct.setStatusTip('Exit application')
QAction是菜單欄、工具欄或者快捷鍵的動作的組合。前面兩行,我們創建了一個圖標、一個exit的標籤和一個快捷鍵組合,都執行了一個動作。第三行,創建了一個狀態欄,當鼠標懸停在菜單欄的時候,能顯示當前狀態。
exitAct.triggered.connect(qApp.quit)
當執行這個指定的動作時,就觸發了一個事件。這個事件跟QApplication的quit()行爲相關聯,所以這個動作就能終止這個應用。
menubar = self.menuBar() fileMenu = menubar.addMenu('&File') fileMenu.addAction(exitAct)
menuBar()創建菜單欄。這裏創建了一個菜單欄,並在上面添加了一個file菜單,並關聯了點擊退出應用的事件。
程序預覽:
子菜單
子菜單是嵌套在菜單裏面的二級或者三級等的菜單。
""""
brief:子菜單
author:chenyijun
date:2020-01-26
"""
import sys
from PyQt5.QtWidgets import QMainWindow, QAction, QMenu, QApplication
class Example(QMainWindow):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
menubar = self.menuBar()
fileMenu = menubar.addMenu('File')
impMenu = QMenu('Import', self)
impAct = QAction('Import mail', self)
impMenu.addAction(impAct)
newAct = QAction('New', self)
fileMenu.addAction(newAct)
fileMenu.addMenu(impMenu)
self.setGeometry(300, 300, 300, 200)
self.setWindowTitle('Submenu')
self.show()
if __name__ == '__main__':
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
這個例子裏,有兩個子菜單,一個在file菜單下面,一個在file的import下面。
impMenu = QMenu('Import', self)
使用QMenu創建一個新菜單。
impAct = QAction('Import mail', self) impMenu.addAction(impAct)
使用addAction添加一個動作。
程序預覽:
勾選菜單
下面是一個能勾選菜單的例子
""""
brief:鉤選菜單
author:chenyijun
date:2020-01-26
"""
import sys
from PyQt5.QtWidgets import QMainWindow, QAction, QApplication
class Example(QMainWindow):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.statusbar = self.statusBar()
self.statusbar.showMessage('Ready')
menubar = self.menuBar()
viewMenu = menubar.addMenu('View')
viewStatAct = QAction('View statusbar', self, checkable=True)
viewStatAct.setStatusTip('View statusbar')
viewStatAct.setChecked(True)
viewStatAct.triggered.connect(self.toggleMenu)
viewMenu.addAction(viewStatAct)
self.setGeometry(300, 300, 300, 200)
self.setWindowTitle('Check menu')
self.show()
def toggleMenu(self, state):
if state:
self.statusbar.show()
else:
self.statusbar.hide()
if __name__ == '__main__':
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
本例創建了一個行爲菜單。這個行爲/動作能切換狀態欄顯示或者隱藏。
viewStatAct = QAction('View statusbar', self, checkable=True)
用checkable選項創建一個能選中的菜單。
viewStatAct.setChecked(True)
默認設置爲選中狀態。
def toggleMenu(self, state): if state: self.statusbar.show() else: self.statusbar.hide()
依據選中狀態切換狀態欄的顯示與否。 程序預覽:
右鍵菜單
右鍵菜單也叫彈出框(!?),是在某些場合下顯示的一組命令。例如,Opera瀏覽器裏,網頁上的右鍵菜單裏會有刷新,返回或者查看頁面源代碼。如果在工具欄上右鍵,會得到一個不同的用來管理工具欄的菜單。
""""
brief:右鍵菜單
author:chenyijun
date:2020-01-26
"""
import sys
from PyQt5.QtWidgets import QMainWindow, qApp, QApplication, QMenu
#from PyQt5.QtWidgets import *
class Example(QMainWindow):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.setGeometry(300, 300, 300, 200)
self.setWindowTitle('Context menu')
self.show()
def contextMenuEvent(self, event):
cmenu = QMenu(self)
newAct = cmenu.addAction('New')
opnAct = cmenu.addAction('Open')
quitAct = cmenu.addAction('Quit')
action = cmenu.exec_(self.mapToGlobal(event.pos()))
if action == quitAct:
qApp.quit()
if __name__ == '__main__':
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
還是使用contextMenuEvent()方法實現這個菜單。
action = cmenu.exec_(self.mapToGlobal(event.pos()))
使用exec_()方法顯示菜單。從鼠標右鍵事件對象中獲得當前座標。mapToGlobal()方法把當前組件的相對座標轉換爲窗口(window)的絕對座標。
if action == quitAct: qApp.quit()
如果右鍵菜單裏觸發了事件,也就觸發了退出事件,執行關閉菜單行爲。
程序預覽:
工具欄
菜單欄包含了所有的命令,工具欄就是常用的命令的集合。
""""
brief:工具欄
工具欄提供了一個快速訪問的入口。
author:chenyijun
date:2020-01-26
"""
import sys
from PyQt5.QtWidgets import QMainWindow, QAction, qApp, QApplication
from PyQt5.QtGui import QIcon
class Example(QMainWindow):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
exitAction = QAction(QIcon("qt.png"), "Exit", self)
exitAction.setShortcut("Ctrl+Q")
exitAction.triggered.connect(qApp.quit)
self.toolbar = self.addToolBar("Exit")
self.toolbar.addAction(exitAction)
self.setGeometry(300, 300, 300, 200)
self.setWindowTitle("Toolbar")
self.show()
if __name__ == "__main__":
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
上面的例子中,我們創建了一個工具欄。這個工具欄只有一個退出應用的動作。
exitAct = QAction(QIcon('exit.png'), 'Exit', self) exitAct.setShortcut('Ctrl+Q') exitAct.triggered.connect(qApp.quit)
和上面的菜單欄差不多,這裏使用了一個行爲對象,這個對象綁定了一個標籤,一個圖標和一個快捷鍵。這些行爲被觸發的時候,會調用QtGui.QMainWindow的quit方法退出應用。
self.toolbar = self.addToolBar('Exit') self.toolbar.addAction(exitAct)
把工具欄展示出來。
程序預覽:
主窗口
主窗口就是上面三種欄目的總稱,現在我們把上面的三種欄在一個應用裏展示出來。
首先要自己弄個小圖標,命名爲exit.png
""""
brief:把他們放在一起
在本節的最後一個例子中,我們將創建一個菜單條,工具欄和狀態欄的小窗口
author:chenyijun
date:2020-01-26
"""
import sys
from PyQt5.QtWidgets import QMainWindow, QTextEdit, QAction, qApp, QApplication
from PyQt5.QtGui import QIcon
class Example(QMainWindow):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
textEdit = QTextEdit()
self.setCentralWidget(textEdit)
exitAction = QAction(QIcon("qt.png"), "Exit", self)
exitAction.setShortcut("Ctrl + Q")
exitAction.setStatusTip("Exit application")
exitAction.triggered.connect(self.close)
self.statusBar()
menubar = self.menuBar()
fileMenu = menubar.addMenu("&File")
fileMenu.addAction(exitAction)
toolbar = self.addToolBar('Exit')
toolbar.addAction(exitAction)
self.setGeometry(300, 300, 350, 250)
self.setWindowTitle("Main Window")
self.show()
if __name__ == "__main__":
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
上面的代碼創建了一個很經典的菜單框架,有右鍵菜單,工具欄和狀態欄。
textEdit = QTextEdit() self.setCentralWidget(textEdit)
這裏創建了一個文本編輯區域,並把它放在QMainWindow的中間區域。這個組件或佔滿所有剩餘的區域。
程序預覽:
參考:
https://maicss.gitbooks.io/pyqt5/