快捷導(dǎo)航

基于PyQt5制作一個(gè)動(dòng)態(tài)指針時(shí)鐘

更新時(shí)間：2022年02月24日 08:31:15 作者：Python 集中營(yíng)

這篇文章主要和大家分享如何利用Python中的PyQt5制作一個(gè)動(dòng)態(tài)指針時(shí)鐘來(lái)顯示實(shí)時(shí)時(shí)間，文中的示例代碼講解詳細(xì)，需要的可以參考一下

想實(shí)現(xiàn)這樣一個(gè)功能，然后pyqt5中又沒(méi)有現(xiàn)成的組件可以使用，于是就想著只能通過(guò)繪圖的方式來(lái)實(shí)現(xiàn)。說(shuō)到繪圖的話，turtle框架無(wú)疑是最常見(jiàn)的選擇，但其實(shí)通過(guò)pyqt5的QPainter組件也是可以實(shí)現(xiàn)的。而且最后呈現(xiàn)出來(lái)的效果還是挺漂亮的。

實(shí)現(xiàn)思路：通過(guò)使用pyqt5的QPainter組件來(lái)繪制好時(shí)鐘的圖表，最后通過(guò)定時(shí)器不斷的改變當(dāng)前當(dāng)前時(shí)間在圖表上面的顯示位置。這樣最終就實(shí)現(xiàn)了一個(gè)指針時(shí)鐘在不斷的走動(dòng)的過(guò)程。

和前面的UI應(yīng)用一樣，我們用到的UI相關(guān)的組件庫(kù)還是這三個(gè)。

from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *

這次新使用了一個(gè)數(shù)學(xué)計(jì)算庫(kù)，因?yàn)闋砍兜綌?shù)據(jù)計(jì)算相關(guān)的部分。

from math import *

應(yīng)用操作相關(guān)的模塊

import sys

動(dòng)態(tài)時(shí)鐘的主要實(shí)現(xiàn)過(guò)程我放在下面了，有需要的朋友可以自己研究一下。

class PointerClock(QWidget):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("動(dòng)態(tài)指針時(shí)鐘  公眾號(hào)：[Python 集中營(yíng)]")
        self.setWindowIcon(QIcon('clock.ico'))
        self.timer = QTimer()
        # 設(shè)置窗口計(jì)時(shí)器
        self.timer.timeout.connect(self.update)
        self.timer.start(1000)

    def paintEvent(self, event):
        '''
        實(shí)時(shí)刷新指針圖像
        :param event:
        :return:
        '''
        '''分別定義小時(shí)、分鐘、秒鐘的坐標(biāo)點(diǎn)'''
        '''
        QPoint(int x, int y);創(chuàng)建坐標(biāo)點(diǎn)，x、y分別代表橫坐標(biāo)、縱坐標(biāo)
        '''
        hour_point = [QPoint(7, 8), QPoint(-7, 8), QPoint(0, -30)]
        min_point = [QPoint(7, 8), QPoint(-7, 8), QPoint(0, -65)]
        secn_point = [QPoint(7, 8), QPoint(-7, 8), QPoint(0, -80)]

        '''定義三種顏色、用于后面設(shè)置三種指針的顏色'''
        hour_color = QColor(182, 98, 0, 182)
        min_color = QColor(0, 130, 130, 155)
        sec_color = QColor(0, 155, 227, 155)

        '''獲取QWidget對(duì)象的寬度和長(zhǎng)度的最小值'''
        min_size = min(self.width(), self.height())

        painter = QPainter(self)  # 創(chuàng)建坐標(biāo)系圖像繪制對(duì)象
        painter.setRenderHint(QPainter.Antialiasing)

        # 將QWidget對(duì)象的中心位置作為繪制的中心坐標(biāo)點(diǎn)
        painter.translate(self.width() / 2, self.height() / 2)

        # 對(duì)尺寸進(jìn)行縮放
        painter.scale(int(min_size / 200), int(min_size / 200))

        # 保存狀態(tài)
        painter.save()

        '''繪制時(shí)鐘表盤(pán)的時(shí)間刻度線'''

        for a in range(0, 60):
            if (a % 5) != 0:
                # 每1/60繪制一個(gè)刻度線作為分鐘刻度線
                painter.setPen(min_color)
                painter.drawLine(92, 0, 96, 0)
            else:
                # 每5/60繪制一個(gè)刻度線作為小時(shí)刻度線
                painter.setPen(hour_color)
                painter.drawLine(88, 0, 96, 0)  # 繪制小時(shí)刻度線
            # 每分鐘旋轉(zhuǎn)6度
            painter.rotate(360 / 60)
        # 恢復(fù)狀態(tài)
        painter.restore()

        '''繪制時(shí)鐘表盤(pán)上面的數(shù)字'''
        # 保存狀態(tài)
        painter.save()
        # 獲取字體對(duì)象
        font = painter.font()
        # 設(shè)置粗體
        font.setBold(True)
        painter.setFont(font)
        # 獲取字體大小
        font_size = font.pointSize()
        # 設(shè)置之前定義好的顏色
        painter.setPen(hour_color)
        hour_num = 0
        radius = 100
        for i in range(0, 12):
            # 按照12小時(shí)制，每三個(gè)小時(shí)繪制一個(gè)小時(shí)數(shù)字，需要遍歷4次
            hour_num = i + 3  # 按QT-Qpainter的坐標(biāo)系換算，3小時(shí)的刻度線對(duì)應(yīng)坐標(biāo)軸0度
            if hour_num > 12:
                hour_num = hour_num - 12
            # 根據(jù)字體的大小計(jì)算出寫(xiě)入小時(shí)數(shù)字的x、y的位置
            x = radius * 0.8 * cos(i * 30 * pi / 180.0) - font_size
            y = radius * 0.8 * sin(i * 30 * pi / 180.0) - font_size / 2.0
            width = font_size * 2
            height = font_size
            painter.drawText(QRectF(x, y, width, height), Qt.AlignCenter, str(hour_num))
        # 恢復(fù)狀態(tài)
        painter.restore()

        '''繪制時(shí)鐘表盤(pán)的時(shí)、分、秒的指針'''

        # 獲取當(dāng)前時(shí)間
        time = QTime.currentTime()

        # 繪制小時(shí)指針
        painter.save()
        # 取消輪廓線
        painter.setPen(Qt.NoPen)
        # 設(shè)置小時(shí)指針的顏色
        painter.setBrush(hour_color)
        # 小時(shí)指針逆時(shí)針旋轉(zhuǎn)
        painter.rotate(30 * (time.hour() + time.minute() / 60))
        # 繪制時(shí)鐘指針
        painter.drawConvexPolygon(QPolygonF(hour_point))
        # 恢復(fù)狀態(tài)
        painter.restore()

        # 繪制分鐘指針
        painter.save()
        # 取消輪廓線
        painter.setPen(Qt.NoPen)
        # 設(shè)置分鐘指針的顏色
        painter.setBrush(min_color)
        # 分鐘指針逆時(shí)針旋轉(zhuǎn)
        painter.rotate(6 * (time.minute() + time.second() / 60))
        # 繪制分鐘指針
        painter.drawConvexPolygon(QPolygonF(min_point))
        # 恢復(fù)狀態(tài)
        painter.restore()

        # 繪制秒鐘指針
        painter.save()
        # 取消輪廓線
        painter.setPen(Qt.NoPen)
        # 設(shè)置秒針顏色
        painter.setBrush(sec_color)
        # 秒鐘指針逆時(shí)針旋轉(zhuǎn)
        painter.rotate(6 * time.second())
        # 繪制秒鐘指針
        painter.drawConvexPolygon(QPolygonF(secn_point))
        # 恢復(fù)狀態(tài)
        painter.restore()

最后，還是通過(guò)main()函數(shù)直接啟動(dòng)整個(gè)App。

if __name__ == "__main__":
    app = QApplication(sys.argv)
    form = PointerClock()
    form.show()
    app.exec_()

完整代碼

# -*- coding:utf-8 -*-
# @author Python 集中營(yíng)
# @date 2022/1/25
# @file test9.py

# done


# 利用pyqt5制作指針鐘表顯示實(shí)施時(shí)間

# 想實(shí)現(xiàn)這樣一個(gè)功能，然后pyqt5中又沒(méi)有現(xiàn)成的組件可以使用，于是就想著只能通過(guò)繪圖的方式來(lái)實(shí)現(xiàn)。
# 說(shuō)到繪圖的話，turtle框架無(wú)疑是最常見(jiàn)的選擇，但其實(shí)通過(guò)pyqt5的QPainter組件也是可以實(shí)現(xiàn)的。而且最后呈現(xiàn)出來(lái)的
# 效果還是挺漂亮的。

# 實(shí)現(xiàn)思路：通過(guò)使用pyqt5的QPainter組件來(lái)繪制好時(shí)鐘的圖表，最后通過(guò)定時(shí)器不斷的改變當(dāng)前當(dāng)前時(shí)間在圖表上面的顯示位置。
# 這樣最終就實(shí)現(xiàn)了一個(gè)指針時(shí)鐘在不斷的走動(dòng)的過(guò)程。

# 和前面的UI應(yīng)用一樣，我們用到的UI相關(guān)的組件庫(kù)還是這三個(gè)。
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *

# 這次新使用了一個(gè)數(shù)學(xué)計(jì)算庫(kù)，因?yàn)闋砍兜綌?shù)據(jù)計(jì)算相關(guān)的部分。
from math import *

# 應(yīng)用操作相關(guān)的模塊
import sys


class PointerClock(QWidget):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("動(dòng)態(tài)指針時(shí)鐘  公眾號(hào)：[Python 集中營(yíng)]")
        self.setWindowIcon(QIcon('clock.ico'))
        self.timer = QTimer()
        # 設(shè)置窗口計(jì)時(shí)器
        self.timer.timeout.connect(self.update)
        self.timer.start(1000)

    def paintEvent(self, event):
        '''
        實(shí)時(shí)刷新指針圖像
        :param event:
        :return:
        '''
        '''分別定義小時(shí)、分鐘、秒鐘的坐標(biāo)點(diǎn)'''
        '''
        QPoint(int x, int y);創(chuàng)建坐標(biāo)點(diǎn)，x、y分別代表橫坐標(biāo)、縱坐標(biāo)
        '''
        hour_point = [QPoint(7, 8), QPoint(-7, 8), QPoint(0, -30)]
        min_point = [QPoint(7, 8), QPoint(-7, 8), QPoint(0, -65)]
        secn_point = [QPoint(7, 8), QPoint(-7, 8), QPoint(0, -80)]

        '''定義三種顏色、用于后面設(shè)置三種指針的顏色'''
        hour_color = QColor(182, 98, 0, 182)
        min_color = QColor(0, 130, 130, 155)
        sec_color = QColor(0, 155, 227, 155)

        '''獲取QWidget對(duì)象的寬度和長(zhǎng)度的最小值'''
        min_size = min(self.width(), self.height())

        painter = QPainter(self)  # 創(chuàng)建坐標(biāo)系圖像繪制對(duì)象
        painter.setRenderHint(QPainter.Antialiasing)

        # 將QWidget對(duì)象的中心位置作為繪制的中心坐標(biāo)點(diǎn)
        painter.translate(self.width() / 2, self.height() / 2)

        # 對(duì)尺寸進(jìn)行縮放
        painter.scale(int(min_size / 200), int(min_size / 200))

        # 保存狀態(tài)
        painter.save()

        '''繪制時(shí)鐘表盤(pán)的時(shí)間刻度線'''

        for a in range(0, 60):
            if (a % 5) != 0:
                # 每1/60繪制一個(gè)刻度線作為分鐘刻度線
                painter.setPen(min_color)
                painter.drawLine(92, 0, 96, 0)
            else:
                # 每5/60繪制一個(gè)刻度線作為小時(shí)刻度線
                painter.setPen(hour_color)
                painter.drawLine(88, 0, 96, 0)  # 繪制小時(shí)刻度線
            # 每分鐘旋轉(zhuǎn)6度
            painter.rotate(360 / 60)
        # 恢復(fù)狀態(tài)
        painter.restore()

        '''繪制時(shí)鐘表盤(pán)上面的數(shù)字'''
        # 保存狀態(tài)
        painter.save()
        # 獲取字體對(duì)象
        font = painter.font()
        # 設(shè)置粗體
        font.setBold(True)
        painter.setFont(font)
        # 獲取字體大小
        font_size = font.pointSize()
        # 設(shè)置之前定義好的顏色
        painter.setPen(hour_color)
        hour_num = 0
        radius = 100
        for i in range(0, 12):
            # 按照12小時(shí)制，每三個(gè)小時(shí)繪制一個(gè)小時(shí)數(shù)字，需要遍歷4次
            hour_num = i + 3  # 按QT-Qpainter的坐標(biāo)系換算，3小時(shí)的刻度線對(duì)應(yīng)坐標(biāo)軸0度
            if hour_num > 12:
                hour_num = hour_num - 12
            # 根據(jù)字體的大小計(jì)算出寫(xiě)入小時(shí)數(shù)字的x、y的位置
            x = radius * 0.8 * cos(i * 30 * pi / 180.0) - font_size
            y = radius * 0.8 * sin(i * 30 * pi / 180.0) - font_size / 2.0
            width = font_size * 2
            height = font_size
            painter.drawText(QRectF(x, y, width, height), Qt.AlignCenter, str(hour_num))
        # 恢復(fù)狀態(tài)
        painter.restore()

        '''繪制時(shí)鐘表盤(pán)的時(shí)、分、秒的指針'''

        # 獲取當(dāng)前時(shí)間
        time = QTime.currentTime()

        # 繪制小時(shí)指針
        painter.save()
        # 取消輪廓線
        painter.setPen(Qt.NoPen)
        # 設(shè)置小時(shí)指針的顏色
        painter.setBrush(hour_color)
        # 小時(shí)指針逆時(shí)針旋轉(zhuǎn)
        painter.rotate(30 * (time.hour() + time.minute() / 60))
        # 繪制時(shí)鐘指針
        painter.drawConvexPolygon(QPolygonF(hour_point))
        # 恢復(fù)狀態(tài)
        painter.restore()

        # 繪制分鐘指針
        painter.save()
        # 取消輪廓線
        painter.setPen(Qt.NoPen)
        # 設(shè)置分鐘指針的顏色
        painter.setBrush(min_color)
        # 分鐘指針逆時(shí)針旋轉(zhuǎn)
        painter.rotate(6 * (time.minute() + time.second() / 60))
        # 繪制分鐘指針
        painter.drawConvexPolygon(QPolygonF(min_point))
        # 恢復(fù)狀態(tài)
        painter.restore()

        # 繪制秒鐘指針
        painter.save()
        # 取消輪廓線
        painter.setPen(Qt.NoPen)
        # 設(shè)置秒針顏色
        painter.setBrush(sec_color)
        # 秒鐘指針逆時(shí)針旋轉(zhuǎn)
        painter.rotate(6 * time.second())
        # 繪制秒鐘指針
        painter.drawConvexPolygon(QPolygonF(secn_point))
        # 恢復(fù)狀態(tài)
        painter.restore()


if __name__ == "__main__":
    app = QApplication(sys.argv)
    form = PointerClock()
    form.show()
    app.exec_()

以上就是基于PyQt5制作一個(gè)動(dòng)態(tài)指針時(shí)鐘的詳細(xì)內(nèi)容，更多關(guān)于PyQt5動(dòng)態(tài)時(shí)鐘的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: