溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹基于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("動態指針時鐘 公眾號：[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_()
完整代碼
# -*- coding:utf-8 -*-
# @author Python 集中營
# @date 2022/1/25
# @file test9.py
# done
# 利用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("動態指針時鐘 公眾號：[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()
if __name__ == "__main__":
app = QApplication(sys.argv)
form = PointerClock()
form.show()
app.exec_()以上是“基于PyQt5如何制作一個動態指針時鐘”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
