美文网首页
5. 对话框

5. 对话框

作者: 徐凯_xp | 来源:发表于2018-12-06 17:12 被阅读0次

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

    输入对话框

    QInputDialog提供了一个简单便利的对话框用于从用户那儿获得只一个值。输入值可以是字符串,数字,或者一个列表中的列表项

    #!/usr/bin/python3
    # -*- coding: utf-8 -*-
    
    """
    In this example, we receive data from
    a QInputDialog dialog. 
    """
    
    from PyQt5.QtWidgets import (QWidget, QPushButton, QLineEdit, 
        QInputDialog, QApplication)
    import sys
    
    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. 这是显示一个输入框的代码。第一个参数是输入框的标题,第二个参数是输入框的占位符。对话框返回输入内容和一个布尔值,如果点击的是OK按钮,布尔值就返回True,反之布尔值是false
    text, ok = QInputDialog.getText(self, 'Input Dialog', 
        'Enter your name:')
    

    2.把我们从对话框接收到的文本设置到单行编辑框组件上显示。

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

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


    选取颜色

    QColorDialog提供颜色的选择。

    #!/usr/bin/python3
    # -*- coding: utf-8 -*-
    
    """
    In this example, we select a color value
    from the QColorDialog and change the background
    color of a QFrame widget. 
    """
    
    from PyQt5.QtWidgets import (QWidget, QPushButton, QFrame, 
        QColorDialog, QApplication)
    from PyQt5.QtGui import QColor
    import sys
    
    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,默认的背景颜色为黑色,我们可以使用QColorDialog改变背景颜色

    1. 初始化QtGui.QFrame的背景颜色。
    col = QColor(0, 0, 0)
    
    1. 弹出一个QColorDialog对话框。
    col = QColorDialog.getColor()
    
    1. 我们可以预览颜色,如果点击取消按钮,没有颜色值返回,如果颜色是我们想要的,就从取色框里选择这个颜色。
    if col.isValid():
        self.frm.setStyleSheet("QWidget { background-color: %s }"
            % col.name())
    

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

    1. 弹出一个字体选择对话框。getFont()方法返回一个字体名称和状态信息。状态信息有OK和其他两种
    font, ok = QFontDialog.getFont()
    
    1. 如果点击OK,标签的字体就会随之更改。
    if ok:
        self.label.setFont(font)
    
    文件对话框

    文件对话框是用于让用户选择文件或目录的对话框。可以选择文件的打开和保存。

    #!/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: August 2017
    """
    
    from PyQt5.QtWidgets import (QMainWindow, QTextEdit, 
        QAction, QFileDialog, QApplication)
    from PyQt5.QtGui import QIcon
    import sys
    
    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. 这里设置了一个文本编辑框,文本编辑框是基于QMainWindow组件的。
    class Example(QMainWindow):
    
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
    1. 弹出QFileDialog窗口。getOpenFileName()方法的第一个参数是说明文字,第二个参数是默认打开的文件夹路径。默认情况下显示所有类型的文件。
    fname = QFileDialog.getOpenFileName(self, 'Open file', '/home')
    
    1. 选中文件后,读出文件的内容,并设置成文本编辑框组件的显示文本、
    if fname[0]:
        f = open(fname[0], 'r')
    
        with f:
            data = f.read()
            self.textEdit.setText(data)
    

    相关文章

      网友评论

          本文标题:5. 对话框

          本文链接:https://www.haomeiwen.com/subject/olvocqtx.html