在本章中,我们继续介绍PyQt5小部件。我们将介绍QPixmap
, QLineEdit
, QSplitter
和QComboBox
。
QPixmap
是用于处理图像的小部件之一。它为在屏幕上显示图像进行了优化。在我们的代码示例中,我们将使用QPixmap
在窗口上显示图像。
pixmap.py
#!/usr/bin/python
"""
ZetCode PyQt5 tutorial
In this example, we display an image
on the window.
Author: Jan Bodnar
Website: zetcode.com
"""
from PyQt5.QtWidgets import (QWidget, QHBoxLayout,
QLabel, QApplication)
from PyQt5.QtGui import QPixmap
import sys
class Example(QWidget):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
hbox = QHBoxLayout(self)
pixmap = QPixmap('sid.jpg')
lbl = QLabel(self)
lbl.setPixmap(pixmap)
hbox.addWidget(lbl)
self.setLayout(hbox)
self.move(300, 200)
self.setWindowTitle('Sid')
self.show()
def main():
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
if __name__ == '__main__':
main()
在我们的示例中,我们在窗口上显示一个图像。
pixmap = QPixmap('sid.jpg')
我们创建一个QPixmap
对象。它以文件名作为参数。
lbl = QLabel(self)
lbl.setPixmap(pixmap)
我们将像素图放入QLabel
小部件。
QLineEdit
是一个小部件,允许输入和编辑单行纯文本。这个小部件有撤销和重做、剪切和粘贴以及拖放功能。
line_edit.py
#!/usr/bin/python
"""
ZetCode PyQt5 tutorial
This example shows text which
is entered in a QLineEdit
in a QLabel widget.
Author: Jan Bodnar
Website: zetcode.com
"""
import sys
from PyQt5.QtWidgets import (QWidget, QLabel,
QLineEdit, QApplication)
class Example(QWidget):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.lbl = QLabel(self)
qle = QLineEdit(self)
qle.move(60, 100)
self.lbl.move(60, 40)
qle.textChanged[str].connect(self.onChanged)
self.setGeometry(300, 300, 350, 250)
self.setWindowTitle('QLineEdit')
self.show()
def onChanged(self, text):
self.lbl.setText(text)
self.lbl.adjustSize()
def main():
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
if __name__ == '__main__':
main()
这个例子显示了一个行编辑小部件和一个标签。我们在行编辑中键入的文本将立即显示在标签小部件中。
qle = QLineEdit(self)
创建QLineEdit
小部件。
qle.textChanged[str].connect(self.onChanged)
如果行编辑小部件中的文本发生变化,则调用onChanged
方法。
def onChanged(self, text):
self.lbl.setText(text)
self.lbl.adjustSize()
在onChanged
方法中,我们将键入的文本设置为标签小部件。我们调用adjustSize
方法将标签的大小调整为文本的长度。
QSplitter
允许用户通过拖动子部件之间的边界来控制子部件的大小。在我们的示例中,我们展示了用两个拆分器组织的三个QFrame
小部件。
splitter.py
#!/usr/bin/python
"""
ZetCode PyQt5 tutorial
This example shows
how to use QSplitter widget.
Author: Jan Bodnar
Website: zetcode.com
"""
import sys
from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import (QWidget, QHBoxLayout, QFrame,
QSplitter, QApplication)
class Example(QWidget):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
hbox = QHBoxLayout(self)
topleft = QFrame(self)
topleft.setFrameShape(QFrame.StyledPanel)
topright = QFrame(self)
topright.setFrameShape(QFrame.StyledPanel)
bottom = QFrame(self)
bottom.setFrameShape(QFrame.StyledPanel)
splitter1 = QSplitter(Qt.Horizontal)
splitter1.addWidget(topleft)
splitter1.addWidget(topright)
splitter2 = QSplitter(Qt.Vertical)
splitter2.addWidget(splitter1)
splitter2.addWidget(bottom)
hbox.addWidget(splitter2)
self.setLayout(hbox)
self.setGeometry(300, 300, 450, 400)
self.setWindowTitle('QSplitter')
self.show()
def main():
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
if __name__ == '__main__':
main()
在我们的示例中,我们有三个框架小部件和两个拆分器。请注意,在某些主题下,分隔器可能不太明显。
topleft = QFrame(self)
topleft.setFrameShape(QFrame.StyledPanel)
我们使用样式框架是为了看到QFrame
小部件之间的边界。
splitter1 = QSplitter(Qt.Horizontal)
splitter1.addWidget(topleft)
splitter1.addWidget(topright)
我们创建一个QSplitter
小部件并向其中添加两个帧。
splitter2 = QSplitter(Qt.Vertical)
splitter2.addWidget(splitter1)
我们还可以将拆分器添加到另一个拆分器小部件。
QComboBox
是一个小部件,允许用户从选项列表中进行选择。
combobox.py
#!/usr/bin/python
"""
ZetCode PyQt5 tutorial
This example shows how to use
a QComboBox widget.
Author: Jan Bodnar
Website: zetcode.com
"""
import sys
from PyQt5.QtWidgets import (QWidget, QLabel,
QComboBox, QApplication)
class Example(QWidget):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.lbl = QLabel('Ubuntu', self)
combo = QComboBox(self)
combo.addItem('Ubuntu')
combo.addItem('Mandriva')
combo.addItem('Fedora')
combo.addItem('Arch')
combo.addItem('Gentoo')
combo.move(50, 50)
self.lbl.move(50, 150)
combo.activated[str].connect(self.onActivated)
self.setGeometry(300, 300, 450, 400)
self.setWindowTitle('QComboBox')
self.show()
def onActivated(self, text):
self.lbl.setText(text)
self.lbl.adjustSize()
def main():
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
if __name__ == '__main__':
main()
这个例子显示了一个QComboBox
和一个QLabel
。组合框有一个包含五个选项的列表。这些是Linux发行版的名称。标签小部件显示从组合框中选择的选项。
combo = QComboBox(self)
combo.addItem('Ubuntu')
combo.addItem('Mandriva')
combo.addItem('Fedora')
combo.addItem('Arch')
combo.addItem('Gentoo')
我们创建一个带有5个选项的QComboBox
小部件。
combo.activated[str].connect(self.onActivated)
在选择项目时,我们调用onActivated
方法。
def onActivated(self, text):
self.lbl.setText(text)
self.lbl.adjustSize()
在该方法中,我们将所选项的文本设置为标签小部件。我们调整了标签的大小。