原文: http://zetcode.com/gui/pyqt4/widgets2/

在这里,我们将继续介绍 PyQt4 小部件。 我们将介绍QtGui.QPixmapQtGui.QLineEditQtGui.QSplitterQtGui.QComboBox

QtGui.QPixmap

QtGui.QPixmap是用于处理图像的小部件之一。 它经过优化,可在屏幕上显示图像。 在我们的代码示例中,我们将使用QtGui.QPixmap在窗口上显示图像。

  1. #!/usr/bin/python
  2. # -*- coding: utf-8 -*-
  3. """
  4. ZetCode PyQt4 tutorial
  5. In this example, we dispay an image
  6. on the window.
  7. author: Jan Bodnar
  8. website: zetcode.com
  9. last edited: September 2011
  10. """
  11. import sys
  12. from PyQt4 import QtGui, QtCore
  13. class Example(QtGui.QWidget):
  14. def __init__(self):
  15. super(Example, self).__init__()
  16. self.initUI()
  17. def initUI(self):
  18. hbox = QtGui.QHBoxLayout(self)
  19. pixmap = QtGui.QPixmap("redrock.png")
  20. lbl = QtGui.QLabel(self)
  21. lbl.setPixmap(pixmap)
  22. hbox.addWidget(lbl)
  23. self.setLayout(hbox)
  24. self.move(300, 200)
  25. self.setWindowTitle('Red Rock')
  26. self.show()
  27. def main():
  28. app = QtGui.QApplication(sys.argv)
  29. ex = Example()
  30. sys.exit(app.exec_())
  31. if __name__ == '__main__':
  32. main()

在我们的示例中,我们在窗口上显示图像。

  1. pixmap = QtGui.QPixmap("redrock.png")

我们创建一个QtGui.QPixmap对象。 它以文件名作为参数。

  1. lbl = QtGui.QLabel(self)
  2. lbl.setPixmap(pixmap)

我们将像素图放入QtGui.QLabel小部件。

QtGui.QLineEdit

QtGui.QLineEdit是一个小部件,允许输入和编辑单行纯文本。 该小部件具有撤消和重做,剪切和粘贴以及拖放功能。

  1. #!/usr/bin/python
  2. # -*- coding: utf-8 -*-
  3. """
  4. ZetCode PyQt4 tutorial
  5. This example shows text which
  6. is entered in a QtGui.QLineEdit
  7. in a QtGui.QLabel widget.
  8. author: Jan Bodnar
  9. website: zetcode.com
  10. last edited: August 2011
  11. """
  12. import sys
  13. from PyQt4 import QtGui, QtCore
  14. class Example(QtGui.QWidget):
  15. def __init__(self):
  16. super(Example, self).__init__()
  17. self.initUI()
  18. def initUI(self):
  19. self.lbl = QtGui.QLabel(self)
  20. qle = QtGui.QLineEdit(self)
  21. qle.move(60, 100)
  22. self.lbl.move(60, 40)
  23. qle.textChanged[str].connect(self.onChanged)
  24. self.setGeometry(300, 300, 280, 170)
  25. self.setWindowTitle('QtGui.QLineEdit')
  26. self.show()
  27. def onChanged(self, text):
  28. self.lbl.setText(text)
  29. self.lbl.adjustSize()
  30. def main():
  31. app = QtGui.QApplication(sys.argv)
  32. ex = Example()
  33. sys.exit(app.exec_())
  34. if __name__ == '__main__':
  35. main()

此示例显示了行编辑小部件和标签。 我们在行编辑中键入的文本会立即显示在标签窗口小部件中。

  1. qle = QtGui.QLineEdit(self)

QtGui.QLineEdit小部件已创建。

  1. qle.textChanged[str].connect(self.onChanged)

如果行编辑窗口小部件中的文本更改,我们将调用onChanged()方法。

  1. def onChanged(self, text):
  2. self.lbl.setText(text)
  3. self.lbl.adjustSize()

onChanged()方法内部,我们将键入的文本设置为标签小部件。 我们调用adjustSize()方法将标签的大小调整为文本的长度。

PyQt4 小部件 II - 图1

图:QtGui.QLineEdit

QtGui.QSplitter

QtGui.QSplitter允许用户通过拖动子控件之间的边界来控制子控件的大小。 在我们的示例中,我们显示了由两个拆分器组成的三个QtGui.QFrame小部件。

  1. #!/usr/bin/python
  2. # -*- coding: utf-8 -*-
  3. """
  4. ZetCode PyQt4 tutorial
  5. This example shows
  6. how to use QtGui.QSplitter widget.
  7. author: Jan Bodnar
  8. website: zetcode.com
  9. last edited: September 2011
  10. """
  11. import sys
  12. from PyQt4 import QtGui, QtCore
  13. class Example(QtGui.QWidget):
  14. def __init__(self):
  15. super(Example, self).__init__()
  16. self.initUI()
  17. def initUI(self):
  18. hbox = QtGui.QHBoxLayout(self)
  19. topleft = QtGui.QFrame(self)
  20. topleft.setFrameShape(QtGui.QFrame.StyledPanel)
  21. topright = QtGui.QFrame(self)
  22. topright.setFrameShape(QtGui.QFrame.StyledPanel)
  23. bottom = QtGui.QFrame(self)
  24. bottom.setFrameShape(QtGui.QFrame.StyledPanel)
  25. splitter1 = QtGui.QSplitter(QtCore.Qt.Horizontal)
  26. splitter1.addWidget(topleft)
  27. splitter1.addWidget(topright)
  28. splitter2 = QtGui.QSplitter(QtCore.Qt.Vertical)
  29. splitter2.addWidget(splitter1)
  30. splitter2.addWidget(bottom)
  31. hbox.addWidget(splitter2)
  32. self.setLayout(hbox)
  33. QtGui.QApplication.setStyle(QtGui.QStyleFactory.create('Cleanlooks'))
  34. self.setGeometry(300, 300, 300, 200)
  35. self.setWindowTitle('QtGui.QSplitter')
  36. self.show()
  37. def main():
  38. app = QtGui.QApplication(sys.argv)
  39. ex = Example()
  40. sys.exit(app.exec_())
  41. if __name__ == '__main__':
  42. main()

在我们的示例中,我们有三个框架小部件和两个拆分器。

  1. topleft = QtGui.QFrame(self)
  2. topleft.setFrameShape(QtGui.QFrame.StyledPanel)

我们使用样式化的框架以查看QtGui.QFrame小部件之间的边界。

  1. splitter1 = QtGui.QSplitter(QtCore.Qt.Horizontal)
  2. splitter1.addWidget(topleft)
  3. splitter1.addWidget(topright)

我们创建一个QtGui.QSplitter小部件,并在其中添加两个框架。

  1. splitter2 = QtGui.QSplitter(QtCore.Qt.Vertical)
  2. splitter2.addWidget(splitter1)

我们还可以将拆分器添加到另一个拆分器小部件。

  1. QtGui.QApplication.setStyle(QtGui.QStyleFactory.create('Cleanlooks'))

我们使用Cleanlooks风格。 在某些样式中,框架不可见。

PyQt4 小部件 II - 图2

图:QtGui.QSplitter小部件

QtGui.QComboBox

QtGui.QComboBox是一个小部件,允许用户从选项列表中进行选择。

  1. #!/usr/bin/python
  2. # -*- coding: utf-8 -*-
  3. """
  4. ZetCode PyQt4 tutorial
  5. This example shows
  6. how to use QtGui.QComboBox widget.
  7. author: Jan Bodnar
  8. website: zetcode.com
  9. last edited: September 2011
  10. """
  11. import sys
  12. from PyQt4 import QtGui, QtCore
  13. class Example(QtGui.QWidget):
  14. def __init__(self):
  15. super(Example, self).__init__()
  16. self.initUI()
  17. def initUI(self):
  18. self.lbl = QtGui.QLabel("Ubuntu", self)
  19. combo = QtGui.QComboBox(self)
  20. combo.addItem("Ubuntu")
  21. combo.addItem("Mandriva")
  22. combo.addItem("Fedora")
  23. combo.addItem("Red Hat")
  24. combo.addItem("Gentoo")
  25. combo.move(50, 50)
  26. self.lbl.move(50, 150)
  27. combo.activated[str].connect(self.onActivated)
  28. self.setGeometry(300, 300, 300, 200)
  29. self.setWindowTitle('QtGui.QComboBox')
  30. self.show()
  31. def onActivated(self, text):
  32. self.lbl.setText(text)
  33. self.lbl.adjustSize()
  34. def main():
  35. app = QtGui.QApplication(sys.argv)
  36. ex = Example()
  37. sys.exit(app.exec_())
  38. if __name__ == '__main__':
  39. main()

该示例显示了QtGui.QComboBoxQtGui.QLabel。 组合框具有五个选项的列表。 这些是 Linux 发行版的名称。 标签窗口小部件显示从组合框中选择的选项。

  1. combo = QtGui.QComboBox(self)
  2. combo.addItem("Ubuntu")
  3. combo.addItem("Mandriva")
  4. combo.addItem("Fedora")
  5. combo.addItem("Red Hat")
  6. combo.addItem("Gentoo")

我们创建具有五个选项的QtGui.QComboBox小部件。

  1. combo.activated[str].connect(self.onActivated)

选择项目后,我们调用onActivated()方法。

  1. def onActivated(self, text):
  2. self.lbl.setText(text)
  3. self.lbl.adjustSize()

在方法内部,我们将所选项目的文本设置为标签小部件。 我们调整标签的大小。

PyQt4 小部件 II - 图3

图:QtGui.QComboBox

在 PyQt4 教程的这一部分中,我们介绍了其他四个 PyQt4 小部件。