Python編程使用PyQt5制作動態(tài)鐘表示例

更新時間：2021年10月08日 14:34:08 作者：小張Python

本篇文章將用 Python 同時繪制兩種類型的表；一個是上面提到的含有時、分、秒針的鐘表(為了方便，下面統(tǒng)稱為老式鐘表)，一個是電子表，最終運行效果文中如下呈現(xiàn)

前言

大家好，我是小張~

記得小時候，家里只有一個鐘表用來看時間(含有時針、分針、秒針的那種)，掛在墻上噠噠噠響個不停，現(xiàn)在生活條件好了、基本人手一部手機，看時間也不再依靠表了，而今天的文章內(nèi)容就是與這類鐘表相關(guān)；

Clock

環(huán)境配置

程序中用到的Python包

PyQt5
math
sys

實現(xiàn)思路

實現(xiàn)思路分為大致分為三個部分：老式鐘表制作、電子表制作、兩表合并為一個界面

老式鐘表制作

整體來看老式鐘表界面，有以下幾種圖案：時針、分針、秒針、1-12小時刻度、每格小刻度、每5格一大刻度

在鐘表運行時，時針、分針、秒針隨時間變化以界面中心為圓點逆時針旋轉(zhuǎn)一定的角度，這個角度可以計算出來的

為了方便，整個界面效果我用 PyQt5 中的 QPainter 控件來實現(xiàn)，這個控件其實就是一個繪制器，用來繪制界面上的元素

時鐘運行軌跡其實就是把每一秒的畫面拼接在一起，最后組成一個連貫的時間序列圖像，因此重寫了 paintEvent 函數(shù)，繪制每一秒實時圖像；

 def paintEvent(self, event):
        hour_points = [QPoint(5,8),QPoint(-5,8),QPoint(0,-30)]
        minute_points = [QPoint(5,8),QPoint(-5,8),QPoint(0,-65)]
        second_points = [QPoint(5,8),QPoint(-5,8),QPoint(0,-80)]
        hour_color = QColor(200,100,0,200)
        minute_color = QColor(0,127,127,150)
        second_color = QColor(0,160,230,150)
        min_len = min(self.width(),self.height())
        time = QTime.currentTime() #獲取當(dāng)前時間
        painter = QPainter(self)
        painter.setRenderHint(QPainter.Antialiasing)
        painter.translate(self.width()/2,self.height()/2)#平移到窗口中心
        painter.scale(min_len/200.0,min_len/200.0) #進行尺度縮放
        #----------繪制時針------------
        painter.setPen(Qt.NoPen)
        painter.setBrush(hour_color)#顏色
        painter.save()
        # 根據(jù) 1小時時= 30°，水品方向逆時針旋轉(zhuǎn)時針
        painter.rotate(30.0*((time.hour()+time.minute()/60.0)))
        painter.drawConvexPolygon(QPolygon(hour_points))
        painter.restore() # save 退出，可重新設(shè)置畫筆
        painter.setPen(hour_color)
        #繪制小時線(360/12 = 30度)
        for i in range(12):
            painter.drawLine(88,0,96,0)#繪制水平線
            painter.rotate(30.0)# 原有旋轉(zhuǎn)角度上進行旋轉(zhuǎn)；
        radius = 100 # 半徑
        font = painter.font()
        font.setBold(True)
        painter.setFont(font)
        pointSize = font.pointSize()#字體大小
        # print(pointSize)
        #繪制小時文本
        for i in range(12):
            nhour = i + 3 # 從水平 3 點進行繪制
            if(nhour>12):
                nhour -= 12
            painter.drawText(self.textRectF(radius*0.8,pointSize,i*30),Qt.AlignCenter,str(nhour))

        #繪制分針;
        painter.setPen(Qt.NoPen)
        painter.setBrush(minute_color)
        painter.save()

        # 1分鐘為6°，
        painter.rotate(6.0*(time.minute()+time.second()/60.0))
        painter.drawConvexPolygon(QPolygon(minute_points))
        painter.restore()

        #繪制分針線
        painter.setPen(minute_color)
        for i in range(60):
            if(i%5 !=0):
                painter.drawLine(92,0,96,0)
            painter.rotate(6.0)
        #繪制秒針
        painter.setPen(Qt.NoPen)
        painter.setBrush(second_color)
        painter.save()
        #繪制秒線
        painter.rotate(6.0*time.second())
        painter.drawConvexPolygon(QPolygon(second_points))
        painter.restore()
        painter.setPen(second_color)
        for i in range(360):
            if(i%5!=0 or i%30!=0):#繪制
                painter.drawLine(94,0,96,0)
            painter.rotate(1.0)#旋轉(zhuǎn)

再設(shè)置一個時間計時控件，利用信號槽機制連接界面，每一秒更新一次界面

        self.timer = QTimer()  # 定時器
        self.timer.timeout.connect(self.update)
        self.timer.start(1000)  # 每1s 更新一次

電子表制作

電子表制作相對要比老式鐘表制作要簡單地多，制作過程中用到 QLCDNumber 控件

QLDNumber 控件用來預(yù)覽數(shù)字，但上面的樣式讓數(shù)字看起來科技感更強，作為電子表預(yù)覽是非常不錯的選擇！

使用之前需對該控件的屬性做一下微調(diào)，例如字體樣式，控件內(nèi)占據(jù)字符個數(shù)、邊框?qū)傩缘龋?/p>

self.lcdNumber = QtWidgets.QLCDNumber(Form)
        self.lcdNumber.setGeometry(QtCore.QRect(0, 0, 250, 50))
        self.lcdNumber.setContextMenuPolicy(QtCore.Qt.DefaultContextMenu)
        self.lcdNumber.setFrameShape(QtWidgets.QFrame.NoFrame)
        self.lcdNumber.setSmallDecimalPoint(False)
        self.lcdNumber.setDigitCount(8)
        self.lcdNumber.setSegmentStyle(QtWidgets.QLCDNumber.Flat)
        self.lcdNumber.setProperty("value", 2021.0)
        self.lcdNumber.setObjectName("lcdNumber")

電子表運行效果也是借助于計時控件，每秒更新一次當(dāng)前界面的時間，但這里沒用到 QPainter

 		self.lcdNumber.display('00:00:00')
        time_slot =QTimer(self)
        # time_slot.setInterval(1000)
        # time_slot.start()
        time_slot.timeout.connect(self.event_1)
        time_slot.start(1000)
    def event_1(self):
        time_format = QTime.currentTime()
        time_format = time_format.toString("hh:mm:ss")
        self.lcdNumber.display(time_format)
        QApplication.processEvents()

合并兩表界面

兩個表界面創(chuàng)建完畢之后，最后用一個 Widget 作為基類，利用 Qt 的水平布局把兩個表水平拼接在一起，形成了最終的效果

核心代碼

  		self.label1 = Clock_paint()
        self.label2 = MyWidget()
        self.horizon_layout = QHBoxLayout()
        self.horizon_layout.addWidget(self.label1)
        self.horizon_layout.addWidget(self.label2)
        self.setLayout(self.horizon_layout)
        self.setWindowTitle('時鐘--《公號:小張Python》')
        self.setWindowIcon(QIcon('clock.jpg'))