pyQT——選單和工具欄
選單和工具欄
這個章節,我們會建立狀態列、選單和工具欄。選單是一組位於選單欄的命令。工具欄是應用的一些常用工具按鈕。狀態列顯示一些狀態資訊,通常在應用的底部。
主視窗
QMainWindow
提供了主視窗的功能,使用它能建立一些簡單的狀態列、工具欄和選單欄。
主視窗是下面這些視窗的合稱,所以教程在最下方。
狀態列
狀態列是用來顯示應用的狀態資訊的元件。
#!/usr/bin/python3
# -*- coding: utf-8 -*-
"""
ZetCode PyQt5 tutorial
This program creates a statusbar.
Author: Jan Bodnar
Website: zetcode.com
Last edited: August 2017
"""
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.setWindowTitle('Statusbar')
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)
)。
#!/usr/bin/python3
# -*- coding: utf-8 -*-
"""
ZetCode PyQt5 tutorial
This program creates a menubar. The
menubar has one menu with an exit action.
Author: Jan Bodnar
Website: zetcode.com
Last edited: January 2017
"""
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):
exitAct = QAction(QIcon('exit.png'), '&Exit', self)
exitAct.setShortcut('Ctrl+Q')
exitAct.setStatusTip('Exit application')
exitAct.triggered.connect(qApp.quit)
self.statusBar()
menubar = self.menuBar()
fileMenu = menubar.addMenu('&File')
fileMenu.addAction(exitAct)
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選單,並關聯了點選退出應用的事件。
程式預覽:
子選單
子選單是巢狀在選單裡面的二級或者三級等的選單。
#!/usr/bin/python3
# -*- coding: utf-8 -*-
"""
ZetCode PyQt5 tutorial
This program creates a submenu.
Author: Jan Bodnar
Website: zetcode.com
Last edited: August 2017
"""
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
新增一個動作。
程式預覽:
勾選選單
下面是一個能勾選選單的例子
#!/usr/bin/python3
# -*- coding: utf-8 -*-
"""
ZetCode PyQt5 tutorial
This program creates a checkable menu.
Author: Jan Bodnar
Website: zetcode.com
Last edited: August 2017
"""
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瀏覽器裡,網頁上的右鍵選單裡會有重新整理,返回或者檢視頁面原始碼。如果在工具欄上右鍵,會得到一個不同的用來管理工具欄的選單。
#!/usr/bin/python3
# -*- coding: utf-8 -*-
"""
ZetCode PyQt5 tutorial
This program creates a context menu.
Author: Jan Bodnar
Website: zetcode.com
Last edited: August 2017
"""
import sys
from PyQt5.QtWidgets import QMainWindow, qApp, QMenu, QApplication
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()
如果右鍵選單裡觸發了事件,也就觸發了退出事件,執行關閉選單行為。
程式預覽:
工具欄
選單欄包含了所有的命令,工具欄就是常用的命令的集合。
#!/usr/bin/python3
# -*- coding: utf-8 -*-
"""
ZetCode PyQt5 tutorial
This program creates a toolbar.
The toolbar has one action, which
terminates the application, if triggered.
Author: Jan Bodnar
Website: zetcode.com
Last edited: August 2017
"""
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):
exitAct = QAction(QIcon('exit24.png'), 'Exit', self)
exitAct.setShortcut('Ctrl+Q')
exitAct.triggered.connect(qApp.quit)
self.toolbar = self.addToolBar('Exit')
self.toolbar.addAction(exitAct)
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('exit24.png'), 'Exit', self)
exitAct.setShortcut('Ctrl+Q')
exitAct.triggered.connect(qApp.quit)
和上面的選單欄差不多,這裡使用了一個行為物件,這個物件綁定了一個標籤,一個圖示和一個快捷鍵。這些行為被觸發的時候,會呼叫QtGui.QMainWindow
的quit方法退出應用。
self.toolbar = self.addToolBar('Exit')
self.toolbar.addAction(exitAct)
把工具欄展示出來。
程式預覽:
主視窗
主視窗就是上面三種欄目的總稱,現在我們把上面的三種欄在一個應用裡展示出來。
首先要自己弄個小圖示,命名為exit24.png
#!/usr/bin/python3
# -*- coding: utf-8 -*-
"""
ZetCode PyQt5 tutorial
This program creates a skeleton of
a classic GUI application with a menubar,
toolbar, statusbar, and a central widget.
Author: Jan Bodnar
Website: zetcode.com
Last edited: August 2017
"""
import sys
from PyQt5.QtWidgets import QMainWindow, QTextEdit, QAction, QApplication
from PyQt5.QtGui import QIcon
class Example(QMainWindow):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
textEdit = QTextEdit()
self.setCentralWidget(textEdit)
exitAct = QAction(QIcon('exit24.png'), 'Exit', self)
exitAct.setShortcut('Ctrl+Q')
exitAct.setStatusTip('Exit application')
exitAct.triggered.connect(self.close)
self.statusBar()
menubar = self.menuBar()
fileMenu = menubar.addMenu('&File')
fileMenu.addAction(exitAct)
toolbar = self.addToolBar('Exit')
toolbar.addAction(exitAct)
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
的中間區域。這個元件或佔滿所有剩餘的區域。
程式預覽: