PyQt5系列教程(七)控件

時間  2019-12-09
標籤 pyqt5 pyqt 系列 教程 控件 简体版
原文   原文鏈接

軟硬件環境

  • Windows 10
  • Python 3.4.2
  • PyQt 5.5.1
  • PyCharm 5.0.4

前言

控件是PyQt應用程序的基石。PyQt5自帶不少不一樣的控件，包括像button、check box、slider等等。在本節中咱們將學習幾個很是有用的控件:QCheckBox、ToggleButton、QSlider、QProgressBar和QCalendarWidget。web

QCheckBox

一個QCheckBox會有2種狀態:選中和爲選中。它有一個選擇框和一個label組成，它經常被用來表示應用的某些特性是可啓用或不啓用的。app

# -*- coding: utf-8 -*-
__author__ = 'djstava@gmail.com'

"""
ZetCode PyQt5 tutorial 

In this example, a QCheckBox widget
is used to toggle the title of a window.

author: Jan Bodnar
website: zetcode.com 
last edited: January 2015
"""

import sys
from PyQt5.QtWidgets import QWidget, QCheckBox, QApplication
from PyQt5.QtCore import Qt


class Example(QWidget):

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

        self.initUI()


    def initUI(self):      

        cb = QCheckBox('Show title', self)
        cb.move(20, 20)
        cb.toggle()
        cb.stateChanged.connect(self.changeTitle)

        self.setGeometry(300, 300, 250, 150)
        self.setWindowTitle('QCheckBox')
        self.show()


    def changeTitle(self, state):

        if state == Qt.Checked:
            self.setWindowTitle('QCheckBox')
        else:
            self.setWindowTitle('')


if __name__ == '__main__':

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

程序執行效果以下ide

qcheckbox_01

在這個例子中，咱們建立了一個選擇框，它狀態的變化會引發窗口標題的變化。函數

cb = QCheckBox('Show title', self)

這條語句是QCheckBox的構造函數，它的label是」Show title」。學習

cb.toggle()

設置默認是選中狀態ui

cb.stateChanged.connect(self.changeTitle)

將自定義的槽函數changeTitle和信號stateChanged綁定起來，槽函數changeTitle會改變窗口的標題this

def changeTitle(self, state):

if state == Qt.Checked:
    self.setWindowTitle('QCheckBox')
else:
    self.setWindowTitle('')

選中狀態下，窗口標題設置爲」QCheckBox」,不然設置爲空code

Toggle button

Toggle button是一種特殊的QPushButton(按鈕),它也有2種狀態，按下和未按下，咱們經過點擊它來區分2種不一樣的狀態。實際不少狀況下都會用到它。blog

# -*- coding: utf-8 -*-
__author__ = 'djstava@gmail.com'

"""
ZetCode PyQt5 tutorial

In this example, we create three toggle buttons.
They will control the background colour of a
QFrame.

author: Jan Bodnar
website: zetcode.com
last edited: January 2015
"""

import sys
from PyQt5.QtWidgets import (QWidget, QPushButton,
    QFrame, QApplication)
from PyQt5.QtGui import QColor


class Example(QWidget):

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

        self.initUI()


    def initUI(self):

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

        redb = QPushButton('Red', self)
        redb.setCheckable(True)
        redb.move(10, 10)

        redb.clicked[bool].connect(self.setColor)

        redb = QPushButton('Green', self)
        redb.setCheckable(True)
        redb.move(10, 60)

        redb.clicked[bool].connect(self.setColor)

        blueb = QPushButton('Blue', self)
        blueb.setCheckable(True)
        blueb.move(10, 110)

        blueb.clicked[bool].connect(self.setColor)

        self.square = QFrame(self)
        self.square.setGeometry(150, 20, 100, 100)
        self.square.setStyleSheet("QWidget { background-color: %s }" %
            self.col.name())

        self.setGeometry(300, 300, 280, 170)
        self.setWindowTitle('Toggle button')
        self.show()


    def setColor(self, pressed):

        source = self.sender()

        if pressed:
            val = 255
        else: val = 0

        if source.text() == "Red":
            self.col.setRed(val)
        elif source.text() == "Green":
            self.col.setGreen(val)
        else:
            self.col.setBlue(val)

        self.square.setStyleSheet("QFrame { background-color: %s }" %
            self.col.name())


if __name__ == '__main__':

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

代碼執行效果以下所示three

toggleButton_01

本例中咱們建立了3個toggle button和一個QWidget，將QWidget的背景色設置成了黑色，左邊的3個toggle button會改變右邊QWidget的顏色。

redb = QPushButton('Red', self)
redb.setCheckable(True)

爲了建立toggle button,咱們首先建立一個QPushButton，而後調用方法setCheckable()。後面的信號和槽的綁定，相信你們都很熟悉了，這裏就不說了。

QSlider

QSlider是一個滑動條，容許你在某一範圍內拖動。有時候這種方式比輸入數字或者使用spin box更加天然。

# -*- coding: utf-8 -*-
__author__ = 'djstava@gmail.com'

"""
ZetCode PyQt5 tutorial 

This example shows a QSlider widget.

author: Jan Bodnar
website: zetcode.com 
last edited: January 2015
"""

import sys
from PyQt5.QtWidgets import (QWidget, QSlider, 
    QLabel, QApplication)
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QPixmap


class Example(QWidget):

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

        self.initUI()


    def initUI(self):      

        sld = QSlider(Qt.Horizontal, self)
        sld.setFocusPolicy(Qt.NoFocus)
        sld.setGeometry(30, 40, 100, 30)
        sld.valueChanged[int].connect(self.changeValue)

        self.label = QLabel(self)
        self.label.setPixmap(QPixmap('mute.png'))
        self.label.setGeometry(160, 40, 80, 30)

        self.setGeometry(300, 300, 280, 170)
        self.setWindowTitle('QSlider')
        self.show()


    def changeValue(self, value):

        if value == 0:
            self.label.setPixmap(QPixmap('mute.png'))
        elif value > 0 and value <= 30:
            self.label.setPixmap(QPixmap('min.png'))
        elif value > 30 and value < 80:
            self.label.setPixmap(QPixmap('med.png'))
        else:
            self.label.setPixmap(QPixmap('max.png'))


if __name__ == '__main__':

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

代碼運行效果以下所示，我這沒有加入圖片，因此看不到右側圖片的變化。我這裏只解釋下QSlider的使用，信號和曹函數跟以前都是同樣的。

qslider_01

sld = QSlider(Qt.Horizontal, self)
sld.setFocusPolicy(Qt.NoFocus)
sld.setGeometry(30, 40, 100, 30)
sld.valueChanged[int].connect(self.changeValue)

QSlider構造函數中傳入Qt.Horizontal，建立的是一個橫向的slider

QProgressBar

ProgressBar通常用來表示任務的進度，也有橫向和衆向之分。你能夠設置進度條的最小值和最大值，默認是0和99。

# -*- coding: utf-8 -*-
__author__ = 'djstava@gmail.com'

"""
ZetCode PyQt5 tutorial

This example shows a QProgressBar widget.

author: Jan Bodnar
website: zetcode.com
last edited: January 2015
"""

import sys
from PyQt5.QtWidgets import (QWidget, QProgressBar,
    QPushButton, QApplication)
from PyQt5.QtCore import QBasicTimer


class Example(QWidget):

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

        self.initUI()


    def initUI(self):

        self.pbar = QProgressBar(self)
        self.pbar.setGeometry(30, 40, 200, 25)

        self.btn = QPushButton('Start', self)
        self.btn.move(40, 80)
        self.btn.clicked.connect(self.doAction)

        self.timer = QBasicTimer()
        self.step = 0

        self.setGeometry(300, 300, 280, 170)
        self.setWindowTitle('QProgressBar')
        self.show()


    def timerEvent(self, e):

        if self.step >= 100:
            self.timer.stop()
            self.btn.setText('Finished')
            return

        self.step = self.step + 1
        self.pbar.setValue(self.step)


    def doAction(self):

        if self.timer.isActive():
            self.timer.stop()
            self.btn.setText('Start')
        else:
            self.timer.start(100, self)
            self.btn.setText('Stop')


if __name__ == '__main__':

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

代碼運行效果以下所示

qprogressbar_01

這裏使用一個計時器來啓動進度條

self.timer = QtCore.QBasicTimer()

def timerEvent(self, e):

if self.step >= 100:

    self.timer.stop()
    self.btn.setText('Finished')
    return

self.step = self.step + 1
self.pbar.setValue(self.step)

每一個QObject及其子類都有個timerEvent()事件處理器，須要咱們從新實現，它的第一個參數是超時時間

QCalendarWidget

QCalendarWidget是一個以月份爲基礎的日曆控件，用來供用戶選擇日期

# -*- coding: utf-8 -*-
__author__ = 'djstava@gmail.com'

"""
ZetCode PyQt5 tutorial

This example shows a QCalendarWidget widget.

author: Jan Bodnar
website: zetcode.com
last edited: January 2015
"""

import sys
from PyQt5.QtWidgets import (QWidget, QCalendarWidget,
    QLabel, QApplication)
from PyQt5.QtCore import QDate


class Example(QWidget):

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

        self.initUI()


    def initUI(self):

        cal = QCalendarWidget(self)
        cal.setGridVisible(True)
        cal.move(20, 20)
        cal.clicked[QDate].connect(self.showDate)

        self.lbl = QLabel(self)
        date = cal.selectedDate()
        self.lbl.setText(date.toString())
        self.lbl.move(130, 260)

        self.setGeometry(300, 300, 350, 300)
        self.setWindowTitle('Calendar')
        self.show()


    def showDate(self, date):

        self.lbl.setText(date.toString())


if __name__ == '__main__':

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

代碼運行效果以下所示

qcalendarwidget_01

參考文獻

http://zetcode.com/gui/pyqt5/widgets/

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程