【Python】Tkinterによる60行で作るGUIアプリ「ストップウォッチ」

はじめに

こんにちは。
今回は「ストップウォッチ」を作っていきたいと思います。
完成するとこんな感じに動きます！

環境

• Windows 10 home
• Python 3.7.1

「ストップウォッチ」の制作

インポート

使うライブラリは以下の2つです。

import tkinter as tk
import time

ウィンドウの作成

import tkinter as tk
import time

class Application(tk.Frame):
    def __init__(self,master):
        super().__init__(master)
        self.pack()

        master.geometry("300x150")
        master.title("ストップウォッチ")
        master.config(bg="black")

def main():
    win = tk.Tk()
    app = Application(master = win)
    app.mainloop()

if __name__ == "__main__":
    main()

このプログラムでウィンドウを作っていきます。
サイズは300×150です。タイトル名はストップウォッチです。背景色を黒色にしています。
詳しくは【Python】Tkinterを使った雛形（クラス化手法）の記事をご参照ください。

完成したプログラム

ストップウォッチ.py

import tkinter as tk
import time

class Application(tk.Frame):
	def __init__(self,master):
		super().__init__(master)
		self.pack()

		master.geometry("300x150")
		master.title("ストップウォッチ")
		master.config(bg="black")

		self.startTime=time.time()
		self.stopTime=0.0
		self.elapsedTime=0.0
		self.playTime=False

		self.canvas = tk.Canvas(master,width=290,height=80,bg="skyblue")
		self.canvas.place(x=3,y=10)

		tk.Button(master,text="リセット",command=self.resetButtonClick,width=10).place(x=10, y=110)
		tk.Button(master,text="スタート",command=self.startButtonClick,width=10).place(x=110, y=110)
		tk.Button(master,text="ストップ",command=self.stopButtonClick,width=10).place(x=210, y=110)

		master.after(50,self.update)

	def startButtonClick(self):
		if not self.playTime:
			self.startTime=time.time()-self.elapsedTime
			self.playTime=True

	def stopButtonClick(self):
		if self.playTime:
			self.stopTime=time.time()-self.startTime
			self.playTime=False

	def resetButtonClick(self):
		self.startTime=time.time()
		self.stopTime=0.0
		self.elapsedTime=0.0
		self.playTime=False

	def update(self):
		self.canvas.delete("Time")
		if self.playTime:
			self.elapsedTime=time.time()-self.startTime
			self.canvas.create_text(280,40,text=round(self.elapsedTime,1),font=("Helvetica",40,"bold"),fill="black",tag="Time",anchor="e")
		else:
			self.canvas.create_text(280,40,text=round(self.stopTime,1),font=("Helvetica",40,"bold"),fill="black",tag="Time",anchor="e")

		self.master.after(50,self.update)

def main():
	win = tk.Tk()
	#win.resizable(width=False, height=False) #ウィンドウを固定サイズに
	app = Application(master=win)
	app.mainloop()

if __name__ == "__main__":
	main()

こちらが完成したプログラムになります。
作りながらの感想ですが、スタートする時間(このプログラムだとstartTime)が重要だと思いました。もしアルゴリズムがよく分からない場合は、startTimeの値は今何なのか？、その変化をよく見ていくと理解できるんじゃないかと思います！

おわりに

以上で「ストップウォッチ」は完成になります。
ここまで読んでいただき、ありがとうございました。