python -- PyQt5（designer）中文详细教程(七)控件2

控件2

本章我们继续介绍PyQt5控件。这次的有 QPixmap ， QLineEdit ， QSplitter ，和 QComboBox 。

图片

QPixmap 是处理图⽚的组件。本例中，我们使用 QPixmap 在窗⼜⾥显示⼀张图片。

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("lion.png")
        lbl = QLabel(self)
        lbl.setPixmap(pixmap)
        hbox.addWidget(lbl)
        self.setLayout(hbox)
        self.move(500, 450)
        self.setWindowTitle('lion')
        self.show()


if __name__ == '__main__':
        app = QApplication(sys.argv)
        ex = Example()
        sys.exit(app.exec_())


pixmap = QPixmap("lion.png")

 创建⼀个 QPixmap 对象，接收⼀个文件作为参数。

        lbl = QLabel(self)

        lbl.setPixmap(pixmap)

把QPixmap 实例放到 QLabel 组件里。

程序展示：

行编辑

QLineEdit 组件提供了编辑⽂本的功能，自带了撤销、重做、剪切、粘贴、拖拽等功能。

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(80, 50)
        qle.textChanged[str].connect(self.onChanged)
        self.setGeometry(300, 300, 380, 240)
        self.setWindowTitle('QLineEdit')
        self.show()

    def onChanged(self, text):
        self.lbl.setText(text)
        self.lbl.adjustSize() # 没有这⾏，后⾯的字就没办法完全显示


if __name__ == '__main__':
 app = QApplication(sys.argv)
 ex = Example()
 sys.exit(app.exec_())

例子中展示了⼀个编辑组件和⼀个标签，我们在输入框里键入的⽂本，会立即在标签里显示出来。

        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

QSplitter 组件能让用户通过拖拽分割线的方式改变⼦窗口大小的组件。本例中我们展示用两个分 割线隔开的三个 QFrame 组件。

from PyQt5.QtWidgets import (QWidget, QHBoxLayout, QFrame,
 QSplitter, QStyleFactory, QApplication)
from PyQt5.QtCore import Qt
import sys


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, 300, 200)
        self.setWindowTitle('QSplitter')
        self.show()


if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

三个窗口和两个分割线的布局创建完成了，但是要注意，有些主题下，分割线的显示效果不太好。

        topleft = QFrame(self)

        topleft.setFrameShape(QFrame.StyledPanel)

为了更清楚的看到分割线，我们使用了设置好的子窗口样式。

        splitter1 = QSplitter(Qt.Horizontal)

        splitter1.addWidget(topleft)

        splitter1.addWidget(topright)

创建⼀个 QSplitter 组件，并在里面添加了两个框架。

        splitter2 = QSplitter(Qt.Vertical)

        splitter2.addWidget(splitter1)

也可以在分割线里面再进行分割。 程序展示：

下拉选框

QComboBox 组件能让用户在多个选择项中选择⼀个。

from PyQt5.QtWidgets import (QWidget, QLabel,
 QComboBox, QApplication)
import sys


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, 400, 200)
        self.setWindowTitle('QComboBox')
        self.show()

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


if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

本例包含了⼀个 QComboBox 和⼀个 QLabel 。下拉选择框有五个选项，都是Linux的发行版名称，标签内容为选定的发行版名称。

        combo = QComboBox(self)
        combo.addItem("Ubuntu")
        combo.addItem("Mandriva")
        combo.addItem("Fedora")
        combo.addItem("Arch")
        combo.addItem("Gentoo")

创建⼀个 QComboBox 组件和五个选项。

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

在选中的条目上调用 onActivated() 方法。

 def onActivated(self, text):
        self.lbl.setText(text)
        self.lbl.adjustSize()
在方法内部，设置标签内容为选定的字符串，然后设置自适应文本大小。

程序展示：