• 对话框
    • 输入文字
    • 选取颜色
    • 选择字体
    • 选择文件

    对话框

    对话框是一个现代GUI应用不可或缺的一部分。对话是两个人之间的交流，对话框就是人与电脑之间的对话。对话框用来输入数据，修改数据，修改应用设置等等。

    输入文字

    QInputDialog提供了一个简单方便的对话框，可以输入字符串，数字或列表。

    1. #!/usr/bin/python3
    2. # -*- coding: utf-8 -*-
    4. """
    5. ZetCode PyQt5 tutorial 
    7. In this example, we receive data from
    8. a QInputDialog dialog. 
    10. Aauthor: Jan Bodnar
    11. Website: zetcode.com 
    12. Last edited: August 2017
    13. """
    15. from PyQt5.QtWidgets import (QWidget, QPushButton, QLineEdit, 
    16.     QInputDialog, QApplication)
    17. import sys
    19. class Example(QWidget):
    21.     def __init__(self):
    22.         super().__init__()
    24.         self.initUI()
    27.     def initUI(self):
    29.         self.btn = QPushButton('Dialog', self)
    30.         self.btn.move(20, 20)
    31.         self.btn.clicked.connect(self.showDialog)
    33.         self.le = QLineEdit(self)
    34.         self.le.move(130, 22)
    36.         self.setGeometry(300, 300, 290, 150)
    37.         self.setWindowTitle('Input dialog')
    38.         self.show()
    41.     def showDialog(self):
    43.         text, ok = QInputDialog.getText(self, 'Input Dialog', 
    44.             'Enter your name:')
    46.         if ok:
    47.             self.le.setText(str(text))
    50. if __name__ == '__main__':
    52.     app = QApplication(sys.argv)
    53.     ex = Example()
    54.     sys.exit(app.exec_())

    这个示例有一个按钮和一个输入框，点击按钮显示对话框，输入的文本会显示在输入框里。

    1. text, ok = QInputDialog.getText(self, 'Input Dialog',
    2.     'Enter your name:')

    这是显示一个输入框的代码。第一个参数是输入框的标题，第二个参数是输入框的占位符。对话框返回输入内容和一个布尔值，如果点击的是OK按钮，布尔值就返回True。

    1. if ok:
    2.     self.le.setText(str(text))

    把得到的字符串放到输入框里。

    程序展示：

    input dialog

    选取颜色

    QColorDialog提供颜色的选择。

    1. #!/usr/bin/python3
    2. # -*- coding: utf-8 -*-
    4. """
    5. ZetCode PyQt5 tutorial 
    7. In this example, we select a color value
    8. from the QColorDialog and change the background
    9. color of a QFrame widget. 
    11. Author: Jan Bodnar
    12. Website: zetcode.com 
    13. Last edited: August 2017
    14. """
    16. from PyQt5.QtWidgets import (QWidget, QPushButton, QFrame, 
    17.     QColorDialog, QApplication)
    18. from PyQt5.QtGui import QColor
    19. import sys
    21. class Example(QWidget):
    23.     def __init__(self):
    24.         super().__init__()
    26.         self.initUI()
    29.     def initUI(self):      
    31.         col = QColor(0, 0, 0) 
    33.         self.btn = QPushButton('Dialog', self)
    34.         self.btn.move(20, 20)
    36.         self.btn.clicked.connect(self.showDialog)
    38.         self.frm = QFrame(self)
    39.         self.frm.setStyleSheet("QWidget { background-color: %s }" 
    40.             % col.name())
    41.         self.frm.setGeometry(130, 22, 100, 100)            
    43.         self.setGeometry(300, 300, 250, 180)
    44.         self.setWindowTitle('Color dialog')
    45.         self.show()
    48.     def showDialog(self):
    50.         col = QColorDialog.getColor()
    52.         if col.isValid():
    53.             self.frm.setStyleSheet("QWidget { background-color: %s }"
    54.                 % col.name())
    57. if __name__ == '__main__':
    59.     app = QApplication(sys.argv)
    60.     ex = Example()
    61.     sys.exit(app.exec_())

    例子里有一个按钮和一个QFrame，默认的背景颜色为黑色，我们可以使用QColorDialog改变背景颜色。

    1. col = QColor(0, 0, 0)

    初始化QtGui.QFrame的背景颜色。

    1. col = QColorDialog.getColor()

    弹出一个QColorDialog对话框。

    1. if col.isValid():
    2.     self.frm.setStyleSheet("QWidget { background-color: %s }"
    3.         % col.name())

    我们可以预览颜色，如果点击取消按钮，没有颜色值返回，如果颜色是我们想要的，就从取色框里选择这个颜色。

    程序展示：

    color dialog

    选择字体

    QFontDialog能做字体的选择。

    1. #!/usr/bin/python3
    2. # -*- coding: utf-8 -*-
    4. """
    5. ZetCode PyQt5 tutorial 
    7. In this example, we select a font name
    8. and change the font of a label. 
    10. Author: Jan Bodnar
    11. Website: zetcode.com 
    12. Last edited: August 2017
    13. """
    15. from PyQt5.QtWidgets import (QWidget, QVBoxLayout, QPushButton, 
    16.     QSizePolicy, QLabel, QFontDialog, QApplication)
    17. import sys
    19. class Example(QWidget):
    21.     def __init__(self):
    22.         super().__init__()
    24.         self.initUI()
    27.     def initUI(self):      
    29.         vbox = QVBoxLayout()
    31.         btn = QPushButton('Dialog', self)
    32.         btn.setSizePolicy(QSizePolicy.Fixed,
    33.             QSizePolicy.Fixed)
    35.         btn.move(20, 20)
    37.         vbox.addWidget(btn)
    39.         btn.clicked.connect(self.showDialog)
    41.         self.lbl = QLabel('Knowledge only matters', self)
    42.         self.lbl.move(130, 20)
    44.         vbox.addWidget(self.lbl)
    45.         self.setLayout(vbox)          
    47.         self.setGeometry(300, 300, 250, 180)
    48.         self.setWindowTitle('Font dialog')
    49.         self.show()
    52.     def showDialog(self):
    54.         font, ok = QFontDialog.getFont()
    55.         if ok:
    56.             self.lbl.setFont(font)
    59. if __name__ == '__main__':
    61.     app = QApplication(sys.argv)
    62.     ex = Example()
    63.     sys.exit(app.exec_())

    我们创建了一个有一个按钮和一个标签的QFontDialog的对话框，我们可以使用这个功能修改字体样式。

    1. font, ok = QFontDialog.getFont()

    弹出一个字体选择对话框。getFont()方法返回一个字体名称和状态信息。状态信息有OK和其他两种。

    1. if ok:
    2.     self.label.setFont(font)

    如果点击OK，标签的字体就会随之更改。

    程序展示：

    font dialog

    选择文件

    QFileDialog给用户提供文件或者文件夹选择的功能。能打开和保存文件。

    1. #!/usr/bin/python3
    2. # -*- coding: utf-8 -*-
    4. """
    5. ZetCode PyQt5 tutorial 
    7. In this example, we select a file with a
    8. QFileDialog and display its contents
    9. in a QTextEdit.
    11. Author: Jan Bodnar
    12. Website: zetcode.com 
    13. Last edited: August 2017
    14. """
    16. from PyQt5.QtWidgets import (QMainWindow, QTextEdit, 
    17.     QAction, QFileDialog, QApplication)
    18. from PyQt5.QtGui import QIcon
    19. import sys
    21. class Example(QMainWindow):
    23.     def __init__(self):
    24.         super().__init__()
    26.         self.initUI()
    29.     def initUI(self):      
    31.         self.textEdit = QTextEdit()
    32.         self.setCentralWidget(self.textEdit)
    33.         self.statusBar()
    35.         openFile = QAction(QIcon('open.png'), 'Open', self)
    36.         openFile.setShortcut('Ctrl+O')
    37.         openFile.setStatusTip('Open new File')
    38.         openFile.triggered.connect(self.showDialog)
    40.         menubar = self.menuBar()
    41.         fileMenu = menubar.addMenu('&File')
    42.         fileMenu.addAction(openFile)       
    44.         self.setGeometry(300, 300, 350, 300)
    45.         self.setWindowTitle('File dialog')
    46.         self.show()
    49.     def showDialog(self):
    51.         fname = QFileDialog.getOpenFileName(self, 'Open file', '/home')
    53.         if fname[0]:
    54.             f = open(fname[0], 'r')
    56.             with f:
    57.                 data = f.read()
    58.                 self.textEdit.setText(data)        
    60. if __name__ == '__main__':
    62.     app = QApplication(sys.argv)
    63.     ex = Example()
    64.     sys.exit(app.exec_())

    本例中有一个菜单栏，一个置中的文本编辑框，一个状态栏。点击菜单栏选项会弹出一个QtGui.QFileDialog对话框，在这个对话框里，你能选择文件，然后文件的内容就会显示在文本编辑框里。

    1. class Example(QMainWindow):
    3.     def __init__(self):
    4.         super().__init__()
    6.         self.initUI()

    这里设置了一个文本编辑框，文本编辑框是基于QMainWindow组件的。

    1. fname = QFileDialog.getOpenFileName(self, 'Open file', '/home')

    弹出QFileDialog窗口。getOpenFileName()方法的第一个参数是说明文字，第二个参数是默认打开的文件夹路径。默认情况下显示所有类型的文件。

    1. if fname[0]:
    2.     f = open(fname[0], 'r')
    4.     with f:
    5.         data = f.read()
    6.         self.textEdit.setText(data)

    读取选中的文件，并显示在文本编辑框内（但是打开HTML文件时，是渲染后的结果，汗）。

    程序展示：

    file Dialog