首頁 > 軟體

Python中利用pyqt5製作指標鐘錶顯示實時時間(指標時鐘)

2022-02-24 13:00:42

文末附完整原始碼實現過程...

想實現這樣一個功能,然後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指標鐘錶顯示實時時間內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com!


IT145.com E-mail:sddin#qq.com