文末附完整源代碼實現過程...
想實現這樣一個功能,然后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_()
公眾號內回復"動態時鍾",獲取完整源代碼。
【往期精選】
python 日志中最亮的仔,是喜歡的花里胡哨吖...
hashlib.md5()函數來篩選出系統重復文件並移除...
哈撒給,英雄聯盟全皮膚下載器來了...
PyQt5的敏感詞檢測工具制作,運營者的福音...
手繪圖片生成器:以雪容融為例一鍵生成...
剛剛出爐的冬奧會吉祥物:冰墩墩,附源碼...
最優美的表格查看插件:tabulate
抖音同款課堂點名系統,PyQt5寫起來很簡單...
開工啦!批量向PDF文件添加中文水印...
大年初二、做了一個windows通知管理器!
百度圖片下載器2.0
gif動態圖片生成器,多張圖片組合后生成動圖...