Python中利用pyqt5制作指針鐘表顯示實時時間(指針時鐘)

文末附完整源代碼實現過程…

想實現這樣一個功能,然後pyqt5中又沒有現成的組件可以使用,於是就想著隻能通過繪圖的方式來實現。說到繪圖的話,turtle框架無疑是最常見的選擇,但其實通過pyqt5的QPainter組件也是可以實現的。而且最後呈現出來的效果還是挺漂亮的。

實現思路:通過使用pyqt5的QPainter組件來繪制好時鐘的圖表,最後通過定時器不斷的改變當前當前時間在圖表上面的顯示位置。這樣最終就實現瞭一個指針時鐘在不斷的走動的過程。

和前面的UI應用一樣,我們用到的UI相關的組件庫還是這三個。

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

這次新使用瞭一個數學計算庫,因為牽扯到數據計算相關的部分。

from math import *

應用操作相關的模塊

import sys

動態時鐘的主要實現過程我放在下面瞭,有需要的朋友可以自己研究一下。

class PointerClock(QWidget):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("動態指針時鐘")
        self.setWindowIcon(QIcon('clock.ico'))
        self.timer = QTimer()
        # 設置窗口計時器
        self.timer.timeout.connect(self.update)
        self.timer.start(1000)

    def paintEvent(self, event):
        '''
        實時刷新指針圖像
        :param event:
        :return:
        '''分別定義小時、分鐘、秒鐘的坐標點'''
        QPoint(int x, int y);創建坐標點,x、y分別代表橫坐標、縱坐標
        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)]
        '''定義三種顏色、用於後面設置三種指針的顏色'''
        hour_color = QColor(182, 98, 0, 182)
        min_color = QColor(0, 130, 130, 155)
        sec_color = QColor(0, 155, 227, 155)
        '''獲取QWidget對象的寬度和長度的最小值'''
        min_size = min(self.width(), self.height())
        painter = QPainter(self)  # 創建坐標系圖像繪制對象
        painter.setRenderHint(QPainter.Antialiasing)
        # 將QWidget對象的中心位置作為繪制的中心坐標點
        painter.translate(self.width() / 2, self.height() / 2)
        # 對尺寸進行縮放
        painter.scale(int(min_size / 200), int(min_size / 200))
        # 保存狀態
        painter.save()
        '''繪制時鐘表盤的時間刻度線'''
        for a in range(0, 60):
            if (a % 5) != 0:
                # 每1/60繪制一個刻度線作為分鐘刻度線
                painter.setPen(min_color)
                painter.drawLine(92, 0, 96, 0)
            else:
                # 每5/60繪制一個刻度線作為小時刻度線
                painter.setPen(hour_color)
                painter.drawLine(88, 0, 96, 0)  # 繪制小時刻度線
            # 每分鐘旋轉6度
            painter.rotate(360 / 60)
        # 恢復狀態
        painter.restore()
        '''繪制時鐘表盤上面的數字'''
        # 獲取字體對象
        font = painter.font()
        # 設置粗體
        font.setBold(True)
        painter.setFont(font)
        # 獲取字體大小
        font_size = font.pointSize()
        # 設置之前定義好的顏色
        painter.setPen(hour_color)
        hour_num = 0
        radius = 100
        for i in range(0, 12):
            # 按照12小時制,每三個小時繪制一個小時數字,需要遍歷4次
            hour_num = i + 3  # 按QT-Qpainter的坐標系換算,3小時的刻度線對應坐標軸0度
            if hour_num > 12:
                hour_num = hour_num - 12
            # 根據字體的大小計算出寫入小時數字的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))
        '''繪制時鐘表盤的時、分、秒的指針'''
        # 獲取當前時間
        time = QTime.currentTime()
        # 繪制小時指針
        # 取消輪廓線
        painter.setPen(Qt.NoPen)
        # 設置小時指針的顏色
        painter.setBrush(hour_color)
        # 小時指針逆時針旋轉
        painter.rotate(30 * (time.hour() + time.minute() / 60))
        # 繪制時鐘指針
        painter.drawConvexPolygon(QPolygonF(hour_point))
        # 繪制分鐘指針
        # 設置分鐘指針的顏色
        painter.setBrush(min_color)
        # 分鐘指針逆時針旋轉
        painter.rotate(6 * (time.minute() + time.second() / 60))
        painter.drawConvexPolygon(QPolygonF(min_point))
        # 繪制秒鐘指針
        # 設置秒針顏色
        painter.setBrush(sec_color)
        # 秒鐘指針逆時針旋轉
        painter.rotate(6 * time.second())
        painter.drawConvexPolygon(QPolygonF(secn_point))

最後,還是通過main()函數直接啟動整個App。

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

動態時鐘完整源代碼如下所示:

http://xiazai.jb51.net/202202/yuanma/pythonshizh_jb51.rar

到此這篇關於Python中利用pyqt5制作指針鐘表顯示實時時間(動態指針時鐘)的文章就介紹到這瞭,更多相關pyqt5指針鐘表顯示實時時間內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: