PyQt4入門教程(6)_對話框

文中譯者的話將用方括號【】標出。

對話框(Dialogs)是現代GUI程序中不可缺少的一部分。對話本來指的是兩個或者更多人之間的交流,而在計算機應用中,對話是一個可以讓我們和應用“說話”的窗口。對話框可以用來輸入數據、修改數據、更改應用設置等等。

QtGui.QInputDialog類

QtGui.QInputDialog類提供了一個簡單便捷的對話框來從用戶處得到一個單值。用戶的輸入可以是字符串、數字,也可以是列表中的項。

# -*- coding: utf-8 -*-

"""
a QtGui.QInputDialog dialog. 
"""

import sys
from PyQt4 import QtGui


class Example(QtGui.QWidget):

    def __init__(self):
        super(Example, self).__init__()

        self.initUI()

    def initUI(self):      

        self.btn = QtGui.QPushButton('Dialog', self)
        self.btn.move(20, 20)
        self.btn.clicked.connect(self.showDialog)

        self.le = QtGui.QLineEdit(self)
        self.le.move(130, 22)

        self.setGeometry(300, 300, 290, 150)
        self.setWindowTitle('Input dialog')
        self.show()

    def showDialog(self):

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

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

def main():

    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

本例的應用有一個按鈕和一個行編輯框。按下按鈕,將會顯示出獲取文本的對話框。獲取到的文本將會顯示在行編輯框中。

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

這一行顯示出一個輸入對話框。第一個參數(不算self)是對話框標題,第二個是對話框內的信息。這個對話框返回輸入的文本和一個布爾值,如果我們按了對話框的Ok按鈕,布爾值將爲真。

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

如果我們點擊了Ok,我們輸入的文本將會被顯示在行編輯框中。
對話框效果:
inputdialog

QtGui.QColorDialog類

QtGui.QColorDialog類提供了一個可以選擇顏色的對話框。

# -*- coding: utf-8 -*-

"""
In this example, we select a colour value
from the QtGui.QColorDialog and change the background
colour of a QtGui.QFrame widget. 
"""

import sys
from PyQt4 import QtGui

class Example(QtGui.QWidget):

    def __init__(self):
        super(Example, self).__init__()

        self.initUI()

    def initUI(self):      

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

        self.btn = QtGui.QPushButton('Dialog', self)
        self.btn.move(20, 20)

        self.btn.clicked.connect(self.showDialog)

        self.frm = QtGui.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 = QtGui.QColorDialog.getColor()

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

def main():

    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

這個應用中我們創建了一個按鈕和一個QtGui.QFrame。這個Frame的背景顏色本來被設定爲黑色,但是通過顏色選擇對話框,我們可以改變Frame的背景顏色。

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

這是Frame背景顏色的初始值。

col = QtGui.QColorDialog.getColor()

這一句將會彈出一個顏色選擇對話框。

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

我們檢查顏色是否合法。如果我們在對話框中點擊了Cancel按鈕,就不會有合法的顏色被返回。如果我們點擊了Ok,顏色合法,背景顏色就會改變。這裏我們使用樣式表改變Frame的背景顏色。
顏色對話框效果:
colordialog

QtGui.QFontDialog類

QtGui.QFontDialog類提供了一個選擇字體的對話框。

# -*- coding: utf-8 -*-

"""
In this example, we select a font name
and change the font of a label. 
"""

import sys
from PyQt4 import QtGui


class Example(QtGui.QWidget):

    def __init__(self):
        super(Example, self).__init__()

        self.initUI()

    def initUI(self):      

        vbox = QtGui.QVBoxLayout()

        btn = QtGui.QPushButton('Dialog', self)
        btn.setSizePolicy(QtGui.QSizePolicy.Fixed,
            QtGui.QSizePolicy.Fixed)

        btn.move(20, 20)

        vbox.addWidget(btn)

        btn.clicked.connect(self.showDialog)

        self.lbl = QtGui.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 = QtGui.QFontDialog.getFont()
        if ok:
            self.lbl.setFont(font)

def main():

    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

和前面非常相似,不多說了。這裏我們創建了一個按鈕和一個標籤(label),通過字體選擇對話框,我們可以改變label中字的字體。

QtGui.QFileDialog類

QtGui.QFileDialog類提供可以讓用戶選擇文件或目錄的對話框【就像安裝程序中選擇安裝目錄的那種】,可以用來打開文件或者保存文件。

# -*- coding: utf-8 -*-

"""
In this example, we select a file with a
QtGui.QFileDialog and display its contents
in a QtGui.QTextEdit.
"""

import sys
from PyQt4 import QtGui


class Example(QtGui.QMainWindow):

    def __init__(self):
        super(Example, self).__init__()

        self.initUI()

    def initUI(self):      

        self.textEdit = QtGui.QTextEdit()
        self.setCentralWidget(self.textEdit)
        self.statusBar()

        openFile = QtGui.QAction(QtGui.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 = QtGui.QFileDialog.getOpenFileName(self, 'Open file', 
                '/home')

        f = open(fname, 'r')

        with f:        
            data = f.read()
            self.textEdit.setText(data) 


def main():

    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

本例中我們創建了一個菜單欄,一個狀態欄,並且把一個文本編輯框放在了中間。菜單中的選項可以彈出一個文件選擇對話框,被選擇的文件會以文本文件的形式被讀取進編輯框中。

class Example(QtGui.QMainWindow):

    def __init__(self):
        super(Example, self).__init__(

由於我們要在中間建立一個文本編輯框部件,所以我們的應用要基於QMainWindow。

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

我們這裏彈出文件選擇對話框。第一個參數(不算self)是標題,第二個參數是文件選擇對話框的工作目錄。默認的,可以選擇的文件是全部文件(*)。

f = open(fname, 'r')

with f:        
    data = f.read()
    self.textEdit.setText(data)

被選擇的文件被讀取,內容被顯示在文本編輯框中。
文件選擇框的效果【window有所不同】:
filedialog

本節我們學習了各種對話框。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章