プログレスバーを出現させたい

Question

前提・実現したいこと

pythonとtkinterを用いて確定的なプログレスバーを作成しようと思いネット上から拾ってきたコード１を参考にしてコード２を作成しました。
コード１がボタンをクリックするたびにプログレスバーが進行するのに対しコード２はプログラム中の任意の点でプログレスバーが進行する様にしています。

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

二つのコードで違う箇所は#進捗ボタン　以下の４行ほどですがコード１は実行した直後にプログレスバーが画面に出てくるのに対してコード２はforループが終わったタイミングかつプログレスバーが右端までいった状態で画面に出てきます。
コード１と同様にプログラムを実行した直後にプログレスバーを出現させ、かつforループが１進むごとにプログレスバーのメモリを増やすにはどのようにすればよろしいでしょうか？

該当のソースコード

コード１

from tkinter import *
from tkinter import ttk

def button_click():
    pbval.set(pbval.get() + 1)


if __name__ == '__main__':
    root = Tk()
    ttk.Style().theme_use('classic')
    root.title('Progress')
    root.columnconfigure(0, weight=1);
    root.rowconfigure(0, weight=1);

    # Frame
    frame1 = ttk.Frame(root, padding=10)
    frame1.grid(sticky=(N, W, S, E))
    frame1.columnconfigure(0, weight=1);
    frame1.rowconfigure(0, weight=1);

    # プログレスバー (確定的)

    pbval = IntVar(value=0)
    pb = ttk.Progressbar(
        frame1,
        orient=HORIZONTAL,
        variable=pbval,
        maximum=10,
        length=200,
        mode='determinate')
    pb.grid(row=0, column=0, sticky=(N, E, S, W))

    # 進捗ボタン
    button1 = ttk.Button(
        frame1, text='OK', width=5,
        command=button_click)
    button1.grid(row=0, column=1, padx=5, sticky=(E))

    root.mainloop()

コード２

from tkinter import *
from tkinter import ttk
import time

def button_click():
    pbval.set(pbval.get() + 1)


if __name__ == '__main__':
    root = Tk()
    ttk.Style().theme_use('classic')
    root.title('Progress')
    root.columnconfigure(0, weight=1);
    root.rowconfigure(0, weight=1);

    # Frame
    frame1 = ttk.Frame(root, padding=10)
    frame1.grid(sticky=(N, W, S, E))
    frame1.columnconfigure(0, weight=1);
    frame1.rowconfigure(0, weight=1);

    # プログレスバー (確定的)

    pbval = IntVar(value=0)
    pb = ttk.Progressbar(
        frame1,
        orient=HORIZONTAL,
        variable=pbval,
        maximum=10,
        length=200,
        mode='determinate')
    pb.grid(row=0, column=0, sticky=(N, E, S, W))

    # 進捗ボタン
    for i in range(10):
        button_click()
        time.sleep(1)

    root.mainloop()

試したこと

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

Comments

[K_3578]

ソースコードは引用では無く、MarkDownの<code>ブロック内に貼り付けてご提示ください。

```使用言語名
ソースコード
```
上記のようにしてみてください。

[beginerdesu]

更新いたしました。ありがとうございます。

Answer 1

tkinter などのGUIアプリは、 eventドリブン なフレームワークとして動いています。
これは、 特にやることが無い時は、 mainloopで待っていて、GUIの更新が必要なイベントが発生したら、
mainloopから動きだして処理する。 という方式でして、
今回試された、for と time.sleep(1)を使う方式ですと、
root.mainloop() に戻らないため、GUIアプリとして動作できなくなってしまいます。

したがって、以下のように root.after() という時間経過でイベントを発火させ登録した関数を呼びだせる
rootのmethodを使うようにするとお望みの動作に近くなると思います。

from tkinter import *
from tkinter import ttk
import time

def button_click():
    pbval.set(pbval.get() + 1)


def update():
    button_click()  # ボタンクリックでprogressバーを進める
    root.after(1000, update) # 再度、自身を1000ms後に実行するようにイベント登録
    

if __name__ == '__main__':
    root = Tk()
    ttk.Style().theme_use('classic')
    root.title('Progress')
    root.columnconfigure(0, weight=1);
    root.rowconfigure(0, weight=1);

    # Frame
    frame1 = ttk.Frame(root, padding=10)
    frame1.grid(sticky=(N, W, S, E))
    frame1.columnconfigure(0, weight=1);
    frame1.rowconfigure(0, weight=1);

    # プログレスバー (確定的)

    pbval = IntVar(value=0)
    pb = ttk.Progressbar(
        frame1,
        orient=HORIZONTAL,
        variable=pbval,
        maximum=10,
        length=200,
        mode='determinate')
    pb.grid(row=0, column=0, sticky=(N, E, S, W))

    # 進捗ボタン
    button1 = ttk.Button(
        frame1, text='OK', width=5,
        command=button_click)
    button1.grid(row=0, column=1, padx=5, sticky=(E))

    root.after(1000, update) # 1000ms後にupdate関数を呼び出すイベントを登録

    root.mainloop() # mainloopに入る

Comments

[shunhamm]

ありがとうございます！

[beginerdesu]

ご丁寧にありがとうございます。とても助かりました。

Answer 2

処理してsleepだけだと描画の処理が行われないから

def button_click():
	pbval.set(pbval.get() + 1)
	root.update()

とかするといいと思う。
テストしたら上手く行ったよ

って、場所がちょっと悪いか…
まぁ。updateしたらいいってことで。

Comments

[beginerdesu]

ありがとうございます。とても助かりました。

Answer 3

tkinterで生成したGUIの部品などを動かしたりイベントを処理しているのはmainloop()関数です。
この関数の中に無限ループがあって、ボタンクリックやキーの入力などのイベントを拾いそれに合せてGUIの表示を更新し、関連付けられている処理(関数)を実施しています。

なので、質問のコードのように、mainloop()の前にfor文を回してプログレスバーの状態を変えても、ループが回った後に画面が表示されるのでそのような結果になります。

tkinterでプログレスバーを自動で更新する方法はafter()関数を使うなど、いろいろ方法がありますので、調べてみてください。

Comments

[beginerdesu]

ご回答ありがとうございます。mainloopに関してもう少し勉強してみます。