終了ボタンをクリックしたのに処理が続く

Question

システム概要

メインメニューの顔認証ボタンをクリックすると、比較用画像(face.jpg)とimageフォルダ内のjpg画像全てを読み込み、特徴量が最も０に近い画像にTrueの判定がされ、終了ボタンをクリックすると判定結果を表示するシステムとなっています。
終了ボタンを処理中にクリックすることはできません。

import PySimpleGUI as sg
import matplotlib.pyplot as plt
from glob import glob
import face_recognition

#メインメニュー
layout1 = [
    [sg.Text('メインメニュー',size=(27,2), font=(100) ,justification='center')],
    [sg.Button('顔認証',size=(15,3)),sg.Button('終了',size=(15,3),)],
]

window = sg.Window('face_checker', layout1)


while True:
    event, values = window.read()

    if event == '終了' or event == sg.WIN_CLOSED or event == '' :
        break

    elif event == '顔認証':

            # 保存されている人物の顔の画像を読み込む。
            known_face_imgs = []
            for path in glob('image/*.jpg'):
                img = face_recognition.load_image_file(path)
                known_face_imgs.append(img)

            # 認証する人物の顔の画像を読み込む。
            face_img_to_check = face_recognition.load_image_file("face.jpg")

            # 顔の画像から顔の領域を検出する。
            known_face_locs = []
            for img in known_face_imgs:
                loc = face_recognition.face_locations(img, model="cnn")
                known_face_locs.append(loc)

            face_loc_to_check = face_recognition.face_locations(face_img_to_check, model="cnn")


            def draw_face_locations(img, locations):
                fig, ax = plt.subplots()
                ax.imshow(img)
                ax.set_axis_off()
                for i, (top, right, bottom, left) in enumerate(locations):
                    # 長方形を描画する。
                    w, h = right - left, bottom - top
                    ax.add_patch(plt.Rectangle((left, top), w, h, ec="r", lw=2, fill=None))
                plt.show()


            for img, loc in zip(known_face_imgs, known_face_locs):
                draw_face_locations(img, loc)
            draw_face_locations(face_img_to_check, face_loc_to_check)

            # 顔の領域から特徴量を抽出する。
            known_face_encodings = []
            for img, loc in zip(known_face_imgs, known_face_locs):
                (encoding,) = face_recognition.face_encodings(img, loc)
                known_face_encodings.append(encoding)

            (face_encoding_to_check,) = face_recognition.face_encodings(
                face_img_to_check, face_loc_to_check
            )

            matches = face_recognition.compare_faces(known_face_encodings, face_encoding_to_check)
            print(matches)

            # 特徴点
            dists = face_recognition.face_distance(known_face_encodings, face_encoding_to_check)
            print(dists)
            print(min(dists))

            # 画像ファイル一覧
            for show in glob("image/*"):
                print(show)
            break

print("自動的に終了します")
window.close()

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

imageフォルダ内の画像を読み込むと、画像が一枚ずつ表示されるはずでしたが、一枚目以降が表示されませんでした。その際にクリックできないはずの終了ボタンがクリックできるようになっていました。クリックしてみると、処理が終わらず何故か二枚目が表示され、それ以降も同じ手順で表示できました。
なお、全ての画像が表示された後に終了ボタンをクリックした際には、正常な判定結果が表示されて終了しました。

補足情報

OS:Windows10
Pythonのバージョン:Python3.8.5
開発環境:PyCharm Community Edition 2020.2.4 x64

Answer 1

終了ボタンを処理中にクリックすることはできません。

問題点: イベントループの競合

# PySimpleGUI のイベントループ
while True:

    event, values = window.read()
    ...

PySimpleGUI の GUI は window.read() 内部で
GUI の応答処理をして、ユーザーから何かアクションがあった場合に
event, values に値を返します。

GUI プログラムを応答可能にするには、
window.read() が定期的に呼ばれる必要があります。

このようなGUI等のイベント駆動のプログラムに置いては、
イベントループ内でループの実行を妨げるブロッキング操作をしてはいけません。
(time.sleep, 時間の掛かるループ, plt.show が該当します)

問題になる箇所は

# pyplot のイベントループ

plt.show() # <-- ここでコードの実行が待機状態になる

# plt.show のウィンドウが閉じるまで以降のコードは実行されない
# --> PySimpleGUI のウィンドウは応答なし状態になる。

解決策(どちらか)

• 別スレッドや別プロセスにする。
• PySimpleGUI 内部の tkinter のウィジェットにアクセスして

　matplotlib.pyplot のGUIを埋め込む方法を取る。
参考: PySimpleGUIにMatplotlibを埋め込みたい

他に、イベントループを統合させる解決方法もありますが、
PySimpleGUIでの事例(サンプルコード等)は少ないと思います。