PyQt5中的对话框
对话框窗口或对话框是大多数主流GUI应用不可缺少的部分。对话是两个或更多人之间的会话。在计算机应用中,对话框是一个用来和应用对话的窗口。对话框可以用来输入数据,修改数据,改变应用设置等等。
输入对话框
QInputDialog提供了一个简单便利的对话框用于从用户那儿获得只一个值。输入值可以是字符串,数字,或者一个列表中的列表项。
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 | #!/usr/bin/python3 # -*- coding: utf-8 -*- """ ZetCode PyQt5 tutorial In this example, we receive data from a QInputDialog dialog. author: Jan Bodnar website: zetcode.com last edited: January 2015 """ import sys from PyQt5.QtWidgets import (QWidget, QPushButton, QLineEdit, QInputDialog, QApplication) class Example(QWidget): def __init__( self ): super ().__init__() self .initUI() def initUI( self ): self .btn = QPushButton( 'Dialog' , self ) self .btn.move( 20 , 20 ) self .btn.clicked.connect( self .showDialog) self .le = QLineEdit( self ) self .le.move( 130 , 22 ) self .setGeometry( 300 , 300 , 290 , 150 ) self .setWindowTitle( 'Input dialog' ) self .show() def showDialog( self ): text, ok = QInputDialog.getText( self , 'Input Dialog' , 'Enter your name:' ) if ok: self .le.setText( str (text)) if __name__ = = '__main__' : app = QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) |
例子中有一个按钮和一个单行编辑框组件。按下按钮会显示输入对话框用于获得一个字符串值。在对话框中输入的值会在单行编辑框组件中显示。
1 2 | text, ok = QInputDialog.getText( self , 'Input Dialog' , 'Enter your name:' ) |
这一行会显示一个输入对话框。第一个字符串参数是对话框的标题,第二个字符串参数是对话框内的消息文本。对话框返回输入的文本内容和一个布尔值。如果我们点击了Ok按钮,布尔值就是true,反之布尔值是false(译者注:也只有按下Ok按钮时,返回的文本内容才会有值)。
1 2 | if ok: self .le.setText( str (text)) |
把我们从对话框接收到的文本设置到单行编辑框组件上显示。
Figure: Input dialog
颜色选择对话框
QColorDialog类提供了一个用于选择颜色的对话框组件。
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 | #!/usr/bin/python3 # -*- coding: utf-8 -*- """ ZetCode PyQt5 tutorial In this example, we select a color value from the QColorDialog and change the background color of a QFrame widget. author: Jan Bodnar website: zetcode.com last edited: January 2015 """ import sys from PyQt5.QtWidgets import (QWidget, QPushButton, QFrame, QColorDialog, QApplication) from PyQt5.QtGui import QColor class Example(QWidget): def __init__( self ): super ().__init__() self .initUI() def initUI( self ): col = QColor( 0 , 0 , 0 ) self .btn = QPushButton( 'Dialog' , self ) self .btn.move( 20 , 20 ) self .btn.clicked.connect( self .showDialog) self .frm = QFrame( self ) self .frm.setStyleSheet( "QWidget { background-color: %s }" % col.name()) self .frm.setGeometry( 130 , 22 , 100 , 100 ) self .setGeometry( 300 , 300 , 250 , 180 ) self .setWindowTitle( 'Color dialog' ) self .show() def showDialog( self ): col = QColorDialog.getColor() if col.isValid(): self .frm.setStyleSheet( "QWidget { background-color: %s }" % col.name()) if __name__ = = '__main__' : app = QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) |
例子中显示了一个按钮和一个QFrame。将QFrame组件的背景设置为黑色。使用颜色选择框类,我们可以改变它的颜色。
初始化QtGuiQFrame组件的背景颜色。
1 | col = QColorDialog.getColor() |
这一行弹出颜色选择框。
1 2 3 | if col.isValid(): self .frm.setStyleSheet( "QWidget { background-color: %s }" % col.name()) |
如果我们选中一个颜色并且点了ok按钮,会返回一个有效的颜色值。如果我们点击了Cancel按钮,不会返回选中的颜色值。我们使用样式表来定义背景颜色。
字体选择框
QFontDialog是一个用于选择字体的对话框组件。
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 | #!/usr/bin/python3 # -*- coding: utf-8 -*- """ ZetCode PyQt5 tutorial In this example, we select a font name and change the font of a label. author: Jan Bodnar website: zetcode.com last edited: January 2015 """ import sys from PyQt5.QtWidgets import (QWidget, QVBoxLayout, QPushButton, QSizePolicy, QLabel, QFontDialog, QApplication) class Example(QWidget): def __init__( self ): super ().__init__() self .initUI() def initUI( self ): vbox = QVBoxLayout() btn = QPushButton( 'Dialog' , self ) btn.setSizePolicy(QSizePolicy.Fixed, QSizePolicy.Fixed) btn.move( 20 , 20 ) vbox.addWidget(btn) btn.clicked.connect( self .showDialog) self .lbl = QLabel( 'Knowledge only matters' , self ) self .lbl.move( 130 , 20 ) vbox.addWidget( self .lbl) self .setLayout(vbox) self .setGeometry( 300 , 300 , 250 , 180 ) self .setWindowTitle( 'Font dialog' ) self .show() def showDialog( self ): font, ok = QFontDialog.getFont() if ok: self .lbl.setFont(font) if __name__ = = '__main__' : app = QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) |
在我们的例子中,我们有一个按钮和一个表情。通过字体选择对话框,我们可以改变标签的字体。
1 | font, ok = QFontDialog.getFont() |
在这儿我们弹出一个字体对话框。getFont()方法返回字体名字和布尔值。如果用户点击了OK,布尔值为True;否则为False。
1 2 | if ok: self .label.setFont(font) |
如果我们点击了Ok按钮,标签字体会被改变。
Figure: Font dialog
文件对话框
文件对话框是用于让用户选择文件或目录的对话框。可以选择文件的打开和保存。
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 | #!/usr/bin/python3 # -*- coding: utf-8 -*- """ ZetCode PyQt5 tutorial In this example, we select a file with a QFileDialog and display its contents in a QTextEdit. author: Jan Bodnar website: zetcode.com last edited: January 2015 """ import sys from PyQt5.QtWidgets import (QMainWindow, QTextEdit, QAction, QFileDialog, QApplication) from PyQt5.QtGui import QIcon class Example(QMainWindow): def __init__( self ): super ().__init__() self .initUI() def initUI( self ): self .textEdit = QTextEdit() self .setCentralWidget( self .textEdit) self .statusBar() openFile = QAction(QIcon( 'open.png' ), 'Open' , self ) openFile.setShortcut( 'Ctrl+O' ) openFile.setStatusTip( 'Open new File' ) openFile.triggered.connect( self .showDialog) menubar = self .menuBar() fileMenu = menubar.addMenu( '&File' ) fileMenu.addAction(openFile) self .setGeometry( 300 , 300 , 350 , 300 ) self .setWindowTitle( 'File dialog' ) self .show() def showDialog( self ): fname = QFileDialog.getOpenFileName( self , 'Open file' , '/home' ) if fname[ 0 ]: f = open (fname[ 0 ], 'r' ) with f: data = f.read() self .textEdit.setText(data) if __name__ = = '__main__' : app = QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) |
示例中显示了一个菜单栏,中间设置了一个文本编辑框组件,和一个状态栏。点击菜单项会显示QtGui.QFileDialog(文件选择框)对话框,用于选择一个文件。文件的内容会被读取并在文本编辑框组件中显示。
1 2 3 4 5 6 | class Example(QMainWindow): def __init__( self ): super ().__init__() self .initUI() |
示例基于QMainWindow组件,因为我们中心需要设置一个文本编辑框组件。
1 | fname = QFileDialog.getOpenFileName( self , 'Open file' , '/home' ) |
弹出文件选择框。第一个字符串参数是getOpenFileName()方法的标题。第二个字符串参数指定了对话框的工作目录。默认的,文件过滤器设置成All files (*)。
1 2 3 4 5 6 | if fname[ 0 ]: f = open (fname[ 0 ], 'r' ) with f: data = f.read() self .textEdit.setText(data) |
选中文件后,读出文件的内容,并设置成文本编辑框组件的显示文本、
Figure: File dialog
这部分的PyQt5教程中,我们学习了几种对话框的使用。