# PyQt4 小部件 II > 原文： [http://zetcode.com/gui/pyqt4/widgets2/](http://zetcode.com/gui/pyqt4/widgets2/) 在這里，我們將繼續介紹 PyQt4 小部件。 我們將介紹`QtGui.QPixmap`，`QtGui.QLineEdit`，`QtGui.QSplitter`和`QtGui.QComboBox`。 ## `QtGui.QPixmap` `QtGui.QPixmap`是用于處理圖像的小部件之一。 它經過優化，可在屏幕上顯示圖像。 在我們的代碼示例中，我們將使用`QtGui.QPixmap`在窗口上顯示圖像。 ```py #!/usr/bin/python # -*- coding: utf-8 -*- """ ZetCode PyQt4 tutorial In this example, we dispay an image on the window. author: Jan Bodnar website: zetcode.com last edited: September 2011 """ import sys from PyQt4 import QtGui, QtCore class Example(QtGui.QWidget): def __init__(self): super(Example, self).__init__() self.initUI() def initUI(self): hbox = QtGui.QHBoxLayout(self) pixmap = QtGui.QPixmap("redrock.png") lbl = QtGui.QLabel(self) lbl.setPixmap(pixmap) hbox.addWidget(lbl) self.setLayout(hbox) self.move(300, 200) self.setWindowTitle('Red Rock') self.show() def main(): app = QtGui.QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) if __name__ == '__main__': main() ``` 在我們的示例中，我們在窗口上顯示圖像。 ```py pixmap = QtGui.QPixmap("redrock.png") ``` 我們創建一個`QtGui.QPixmap`對象。 它以文件名作為參數。 ```py lbl = QtGui.QLabel(self) lbl.setPixmap(pixmap) ``` 我們將像素圖放入`QtGui.QLabel`小部件。 ## `QtGui.QLineEdit` `QtGui.QLineEdit`是一個小部件，允許輸入和編輯單行純文本。 該小部件具有撤消和重做，剪切和粘貼以及拖放功能。 ```py #!/usr/bin/python # -*- coding: utf-8 -*- """ ZetCode PyQt4 tutorial This example shows text which is entered in a QtGui.QLineEdit in a QtGui.QLabel widget. author: Jan Bodnar website: zetcode.com last edited: August 2011 """ import sys from PyQt4 import QtGui, QtCore class Example(QtGui.QWidget): def __init__(self): super(Example, self).__init__() self.initUI() def initUI(self): self.lbl = QtGui.QLabel(self) qle = QtGui.QLineEdit(self) qle.move(60, 100) self.lbl.move(60, 40) qle.textChanged[str].connect(self.onChanged) self.setGeometry(300, 300, 280, 170) self.setWindowTitle('QtGui.QLineEdit') self.show() def onChanged(self, text): self.lbl.setText(text) self.lbl.adjustSize() def main(): app = QtGui.QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) if __name__ == '__main__': main() ``` 此示例顯示了行編輯小部件和標簽。 我們在行編輯中鍵入的文本會立即顯示在標簽窗口小部件中。 ```py qle = QtGui.QLineEdit(self) ``` `QtGui.QLineEdit`小部件已創建。 ```py qle.textChanged[str].connect(self.onChanged) ``` 如果行編輯窗口小部件中的文本更改，我們將調用`onChanged()`方法。 ```py def onChanged(self, text): self.lbl.setText(text) self.lbl.adjustSize() ``` 在`onChanged()`方法內部，我們將鍵入的文本設置為標簽小部件。 我們調用`adjustSize()`方法將標簽的大小調整為文本的長度。  圖：`QtGui.QLineEdit` ## `QtGui.QSplitter` `QtGui.QSplitter`允許用戶通過拖動子控件之間的邊界來控制子控件的大小。 在我們的示例中，我們顯示了由兩個拆分器組成的三個`QtGui.QFrame`小部件。 ```py #!/usr/bin/python # -*- coding: utf-8 -*- """ ZetCode PyQt4 tutorial This example shows how to use QtGui.QSplitter widget. author: Jan Bodnar website: zetcode.com last edited: September 2011 """ import sys from PyQt4 import QtGui, QtCore class Example(QtGui.QWidget): def __init__(self): super(Example, self).__init__() self.initUI() def initUI(self): hbox = QtGui.QHBoxLayout(self) topleft = QtGui.QFrame(self) topleft.setFrameShape(QtGui.QFrame.StyledPanel) topright = QtGui.QFrame(self) topright.setFrameShape(QtGui.QFrame.StyledPanel) bottom = QtGui.QFrame(self) bottom.setFrameShape(QtGui.QFrame.StyledPanel) splitter1 = QtGui.QSplitter(QtCore.Qt.Horizontal) splitter1.addWidget(topleft) splitter1.addWidget(topright) splitter2 = QtGui.QSplitter(QtCore.Qt.Vertical) splitter2.addWidget(splitter1) splitter2.addWidget(bottom) hbox.addWidget(splitter2) self.setLayout(hbox) QtGui.QApplication.setStyle(QtGui.QStyleFactory.create('Cleanlooks')) self.setGeometry(300, 300, 300, 200) self.setWindowTitle('QtGui.QSplitter') self.show() def main(): app = QtGui.QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) if __name__ == '__main__': main() ``` 在我們的示例中，我們有三個框架小部件和兩個拆分器。 ```py topleft = QtGui.QFrame(self) topleft.setFrameShape(QtGui.QFrame.StyledPanel) ``` 我們使用樣式化的框架以查看`QtGui.QFrame`小部件之間的邊界。 ```py splitter1 = QtGui.QSplitter(QtCore.Qt.Horizontal) splitter1.addWidget(topleft) splitter1.addWidget(topright) ``` 我們創建一個`QtGui.QSplitter`小部件，并在其中添加兩個框架。 ```py splitter2 = QtGui.QSplitter(QtCore.Qt.Vertical) splitter2.addWidget(splitter1) ``` 我們還可以將拆分器添加到另一個拆分器小部件。 ```py QtGui.QApplication.setStyle(QtGui.QStyleFactory.create('Cleanlooks')) ``` 我們使用`Cleanlooks`風格。 在某些樣式中，框架不可見。  圖：`QtGui.QSplitter`小部件 ## `QtGui.QComboBox` `QtGui.QComboBox`是一個小部件，允許用戶從選項列表中進行選擇。 ```py #!/usr/bin/python # -*- coding: utf-8 -*- """ ZetCode PyQt4 tutorial This example shows how to use QtGui.QComboBox widget. author: Jan Bodnar website: zetcode.com last edited: September 2011 """ import sys from PyQt4 import QtGui, QtCore class Example(QtGui.QWidget): def __init__(self): super(Example, self).__init__() self.initUI() def initUI(self): self.lbl = QtGui.QLabel("Ubuntu", self) combo = QtGui.QComboBox(self) combo.addItem("Ubuntu") combo.addItem("Mandriva") combo.addItem("Fedora") combo.addItem("Red Hat") combo.addItem("Gentoo") combo.move(50, 50) self.lbl.move(50, 150) combo.activated[str].connect(self.onActivated) self.setGeometry(300, 300, 300, 200) self.setWindowTitle('QtGui.QComboBox') self.show() def onActivated(self, text): self.lbl.setText(text) self.lbl.adjustSize() def main(): app = QtGui.QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) if __name__ == '__main__': main() ``` 該示例顯示了`QtGui.QComboBox`和`QtGui.QLabel`。 組合框具有五個選項的列表。 這些是 Linux 發行版的名稱。 標簽窗口小部件顯示從組合框中選擇的選項。 ```py combo = QtGui.QComboBox(self) combo.addItem("Ubuntu") combo.addItem("Mandriva") combo.addItem("Fedora") combo.addItem("Red Hat") combo.addItem("Gentoo") ``` 我們創建具有五個選項的`QtGui.QComboBox`小部件。 ```py combo.activated[str].connect(self.onActivated) ``` 選擇項目后，我們調用`onActivated()`方法。 ```py def onActivated(self, text): self.lbl.setText(text) self.lbl.adjustSize() ``` 在方法內部，我們將所選項目的文本設置為標簽小部件。 我們調整標簽的大小。  圖：`QtGui.QComboBox` 在 PyQt4 教程的這一部分中，我們介紹了其他四個 PyQt4 小部件。