動態指針時鍾:利用pyqt5制作指針鍾表顯示實時時間


file

【閱讀全文】

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

想實現這樣一個功能,然后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("動態指針時鍾  公眾號:[Python 集中營]")
        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()

        '''繪制時鍾表盤上面的數字'''
        # 保存狀態
        painter.save()
        # 獲取字體對象
        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))
        # 恢復狀態
        painter.restore()

        '''繪制時鍾表盤的時、分、秒的指針'''

        # 獲取當前時間
        time = QTime.currentTime()

        # 繪制小時指針
        painter.save()
        # 取消輪廓線
        painter.setPen(Qt.NoPen)
        # 設置小時指針的顏色
        painter.setBrush(hour_color)
        # 小時指針逆時針旋轉
        painter.rotate(30 * (time.hour() + time.minute() / 60))
        # 繪制時鍾指針
        painter.drawConvexPolygon(QPolygonF(hour_point))
        # 恢復狀態
        painter.restore()

        # 繪制分鍾指針
        painter.save()
        # 取消輪廓線
        painter.setPen(Qt.NoPen)
        # 設置分鍾指針的顏色
        painter.setBrush(min_color)
        # 分鍾指針逆時針旋轉
        painter.rotate(6 * (time.minute() + time.second() / 60))
        # 繪制分鍾指針
        painter.drawConvexPolygon(QPolygonF(min_point))
        # 恢復狀態
        painter.restore()

        # 繪制秒鍾指針
        painter.save()
        # 取消輪廓線
        painter.setPen(Qt.NoPen)
        # 設置秒針顏色
        painter.setBrush(sec_color)
        # 秒鍾指針逆時針旋轉
        painter.rotate(6 * time.second())
        # 繪制秒鍾指針
        painter.drawConvexPolygon(QPolygonF(secn_point))
        # 恢復狀態
        painter.restore()

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

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

公眾號內回復"動態時鍾",獲取完整源代碼。

file

【往期精選】

python 日志中最亮的仔,是喜歡的花里胡哨吖...

hashlib.md5()函數來篩選出系統重復文件並移除...

哈撒給,英雄聯盟全皮膚下載器來了...

PyQt5的敏感詞檢測工具制作,運營者的福音...

手繪圖片生成器:以雪容融為例一鍵生成...

剛剛出爐的冬奧會吉祥物:冰墩墩,附源碼...

最優美的表格查看插件:tabulate

抖音同款課堂點名系統,PyQt5寫起來很簡單...

開工啦!批量向PDF文件添加中文水印...

大年初二、做了一個windows通知管理器!

百度圖片下載器2.0

gif動態圖片生成器,多張圖片組合后生成動圖...


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM