python 一定時間で自動的に画面遷移させる方法

Question

前提・実現したいこと

プログラミングのドドドド初心者です。
anacondaからpythonを使っており、計算問題を提示し回答させるGUIを作成したいと思っています。

【具体的内容】
スタートページでスタートボタンを押すところから始まり、3つの画面を遷移させていく。
①スタート画面。スタートボタンを押すと[画面1]へ。
②[画面1]　計算式表示。２秒後自動的に[画面2]へ遷移。
③[画面2]　画面中心にただ＝を表示する画面。1.5秒後に自動的に[画面3]へ遷移。
④[画面3]　数字を表示。被験者に表示された数字が計算式の答えとして正しいかを判断させ、キーボードのT（true）か、F（false）で回答させる。
⑤[画面3]において、被験者の回答の有無や、正誤に関わらず、2秒後に自動的に[画面1]へ遷移（②に戻る・新たな計算式表示）。
⑥ ②から⑤の流れを繰り返し、10分間経過したところで試験を終了させる。

被験者の回答内容をどのように記録していくかはまだ目処が立っていません。

発生している問題

経過時間を測ってやってみたが、画面が遷移しなかったりします。
現状tinterを使用して書いていますが、こだわりはありません。
pythonで作成できればいいと思っています。

該当のソースコード

ボタンを押すことによる遷移まではできました。
現状の形を全く別の方向に変えていっても構いません。

import tkinter as tk
from tkinter import font
import time

class SampleApp(tk.Tk):
    def __init__(self):
        tk.Tk.__init__(self)
        self._frame = None
        self.switch_frame(StartPage)
        
    def switch_frame(self, frame_class):
        new_frame = frame_class(self)
        if self._frame is not None:
            self._frame.destroy()
        self._frame = new_frame
        self._frame.pack()

class StartPage(tk.Frame):
    def __init__(self, master):
        tk.Frame.__init__(self, master)
        tk.Label(self, text="startボタンを押して\n開始してください", font=("Helvetica", 60)).pack(side="top")
        tk.Button(self, text="start", command=lambda: master.switch_frame(FormulaPage)).pack()

class FormulaPage(tk.Frame):
    def __init__(self, master):
        tk.Frame.__init__(self, master)
        tk.Label(self, text="暗算してください\n53+39", font=("Helvetica", 60)).pack(side="top")

        start = time.time()
        count = 0
        while count < 2:
            progress = time.time()
            count = progress - start
        
        # master.switch_frame(StartPage).pack()

        tk.Button(self, text="go back to start page", command=lambda: master.switch_frame(StartPage)).pack()

  

if __name__ =="__main__":
    app = SampleApp()
    app.mainloop()

Answer 1

Tkinter に限らず、GUI プログラム全般に言える事なのですが、
メインの処理で while や time.sleep を使ってはいけません。

GUIライブラリがUIの描画やマウスや
キーボード入力を処理するイベントループを持つため、
他のループがあると、メインのイベントループの処理が行われず、
UIがフリーズしたようになります。

while や time.sleep を使う場合は通常、スレッドを使いますが、
簡易的な用途では、タイマーを使うと良いです。tkinter では after というメソッドで
一定時間後に関数の実行が出来ます。

# 2秒後に NextPage に切り替え (ページは用意してください)

self.after(2*1000, lambda: master.switch_frame(NextPage))

10分後に終了も同様にタイマーで予め設定しておくことで可能ですが、
他のタイマーで再度切り替わってしまわないように、少し工夫が必要です。

• 例: 10分後に終了ページを表示の後に2秒後の切替が発生してしまう
• 解消方法: タイマーを全てキャンセル (after_cancel) してから 終了ページを表示

---

追記

参考: #Project In #Tkinter | Creating A #Quiz Application Using Tkinter | In Hindi By Desi Programmer

回答は選択式ですが、手頃な動画があったので実演。
ソースコードや使われている画像は一式、動画の概要欄にリンクがあります。
以下は、時間制限を実装したコードの差分です。

--- quizstar.orig.py	2020-01-21 00:14:18.000000000 +0900
+++ quizstar.py	2020-06-17 18:21:10.982065300 +0900
@@ -91,21 +91,28 @@
 
 def calc():
     global indexes,user_answer,answers
-    x = 0
+    global job, job2
+    if job:
+        root.after_cancel(job)
+        job = None
+    if job2:
+        root.after_cancel(job2)
+        job2 = None
+
     score = 0
-    for i in indexes:
-        if user_answer[x] == answers[i]:
-            score = score + 5
-        x += 1
+    for x, i in zip(user_answer, indexes):
+        if x == answers[i]:
+            score += 5
     print(score)
     showresult(score)
 
-
+job = None
+job2 = None
 ques = 1
 def selected():
     global radiovar,user_answer
     global lblQuestion,r1,r2,r3,r4
-    global ques
+    global ques, job
     x = radiovar.get()
     user_answer.append(x)
     radiovar.set(-1)
@@ -116,6 +123,8 @@
         r3['text'] = answers_choice[indexes[ques]][2]
         r4['text'] = answers_choice[indexes[ques]][3]
         ques += 1
+        root.after_cancel(job)
+        job = root.after(2*1000, selected)
     else:
         # print(indexes)
         # print(user_answer)
@@ -188,8 +197,13 @@
     )
     r4.pack(pady=5)
 
+def timeover():
+    global job2
+    job2 = None
+    calc()
 
 def startIspressed():
+    global job, job2
     labelimage.destroy()
     labeltext.destroy()
     lblInstruction.destroy()
@@ -197,6 +211,8 @@
     btnStart.destroy()
     gen()
     startquiz()
+    job = root.after(2*1000, selected)
+    job2 = root.after(5*1000, timeover)

Comments

[to_you]

解決しました！
非常にわかりやすい解説ありがとうございます！
たった一行で指示できることに感動しました。