PythonでPySimpleGUIのテキストを二段階で変更したい

Question

前提・実現したいこと

質問させてください。
PySimpleGUIで作成したテキストに.updateを実行した後に3秒間ディレイをおき、
もう一度.updateを実行するコードを書きたいと思っています。

一度目の.updateが実行されてから、変更がウィンドウに反映されるのに時間がかかるのが
原因なのでは？と考えているのですが、初心者ゆえ解決方法が分からず諦めてしまいました。
何か方法はありますでしょうか？お願いします。

ボタン「文」を押してから InputText に "ようこそ" を表示し、
3秒後に "プログラムを起動します" を表示する例としてお願いします。

発生している問題・エラーメッセージ

window["tx1"].update("ようこそ")
の実行が反映されず、
time.sleep(3)
window["tx1"].update("プログラムを起動します")
だけが反映される。

該当のソースコード

import time
import PySimpleGUI as sg

#ウィンドウ作成
layout = [[sg.InputText("",size=(35,1),key="tx1",text_color="#0000ff",background_color="#ffff00")],
          [sg.Button("文",key="bt1")],
          [sg.Button("clear",key="bt2"),sg.Button("Quit",key="bt3")]]
window = sg.Window("sleep",layout)

#イベントループ
while True:
    event, values = window.read()
    if event in (None,"bt3"):
        break
    elif event == "bt1":
        window["tx1"].update("ようこそ")
        time.sleep(3)
        window["tx1"].update("プログラムを起動します")
    elif event == "bt2":
        window["tx1"].update("")

#終了処理
window.close()
      

補足情報（FW/ツールのバージョンなど）

Python3.6
PySimpleGUI
Windows10

Answer 1

イベントループの中でsleep()してはなりません。指定秒だけハングした状態になります。従って、「ようこそ」も表示されません。
自分で時間制御や表示制御しなければなりません。
以下のソースで動作しました（やっつけですが）。

import time
import PySimpleGUI as sg

#ウィンドウ作成
layout = [[sg.InputText("",size=(35,1),key="tx1",text_color="#0000ff",background_color="#ffff00")],
          [sg.Button("文",key="bt1")],
          [sg.Button("clear",key="bt2"),sg.Button("Quit",key="bt3")]]
window = sg.Window("sleep",layout)

#イベントループ
step = 0
while True:
    event, values = window.read()
    if event in (None,"bt3"):
        break
    elif event == "bt1":
        step += 1
        if step == 1:
            window["tx1"].update("ようこそ")
            ts = time.time()
        else:
            if time.time() - ts >= 3:
                window["tx1"].update("プログラムを起動します")
    elif event == "bt2":
        window["tx1"].update("")
        step = 0

#終了処理
window.close()

Comments

[teamikl]

若干条件が違って、ボタンを2回目以降押したときに3秒以上経過していたら・・となってます。
「プログラムを起動します」があるelse ブロック部分を
timeoutを使い、タイマーイベントにすると期待通りに。

[ikapy]

そこはやっつけですからご容赦を。
postした後、ソースを見直したらいろいろとアラがあるのが気付きましたが、まあそんなもんでしょう！

Answer 2

簡易的には、

    window.Refresh()
    time.sleep(3)

と、描画のみ強制的に更新する方法もありますが、
通常は、GUIが応答なしになる time.sleep は避けて、
代わりにイベントループが提供するタイマー機能を使います。

#イベントループ
while True:
    event, values = window.read() # <-- ここで update の内容が反映される
    ...

イベントループを使う際の注意点 (イベント駆動プログラミング)
window.read() は、必ず常時呼ばれるようにしてください。応答なしになってしまいます。
イベントループ内では、time.sleep() の他にも時間の掛かるループ文の利用も注意が必要です。

タイマーを使う実装方法、具体的には

• window.read に timeout オプションを指定 (ミリ秒)
• timeout ミリ秒毎に sg.TIMEOUT_KEY イベントが発行されます。(キーは変更可能)
• 開始時に時間を控えておいて、指定時間経過後に任意のコードを実行。

※ 注意点: 3秒後だからと timeout=3000 とはしない。
他のイベントも有る為、他の操作をすると意図するタイミングで timeout イベントが来ません。

---

参考: タイマーを使うコード

• Timer Demo
• PySimpleGUI cookbook

---

追記: Tkinter のタイマーを使う方法

バックエンドのタイマーを直接使う為、移植性はなくなります。
コールバック形式のタイマーで指定時間後に実行が出来る為、コードは比較的簡単に。

    elif event == "bt1":
        window["tx1"].update("ようこそ")
        window["tx1"].TKEntry.after(3000,
            lambda: window["tx1"].update("プログラムを起動します"))

Comments

[meallin]

ありがとうございます！正常に動作致しました！