動的に変化する数字を表示するtkinterで数字のブレを無くしたい

Question

動的に変化する数字を表示するtkinterで数字のブレを無くしたい

スタートボタンを押せばストップウォッチのようにカウントをするプログラムを作ったのですが、実行してしばらくすると、数字の横幅の長さの関係上、表示される数字がぶれてしまいます

該当のソースコード

import time
import tkinter as tk
import tkinter.font as font
import threading

class Test(tk.Frame):
    def __init__(self, master=None):
        super().__init__(master)
        self.stop_fg=False
        self.frame=0.00
        self.time_start=None
        self.time_now=None
        self.GUI()

    def GUI(self):
        self.Text001=tk.Label(text=self.frame)
        self.Text001.grid(column=0,row=0)
        Text001=tk.Label(text="sec")
        Text001.grid(column=1,row=0)        
        Button001=tk.Button(text="Start",command=self.on_start)
        Button001.grid(column=0,row=1)
        Button002=tk.Button(text="Stop",command=self.on_stop)
        Button002.grid(column=1,row=1)
        Button002=tk.Button(text="Reset",command=self.on_reset)
        Button002.grid(column=2,row=1)   
    
    def run(self):
        self.stop_fg=False
        if self.time_start==None:
            self.time_start=time.time()
        
        while self.stop_fg!=True:
            self.time_now=time.time()
            self.frame=round((self.time_now-self.time_start),2)
            #print(self.frame)
            self.Text001["text"]=self.frame
            
    def on_start(self):
        threading.Thread(target=self.run).start()

    def on_stop(self):
        self.stop_fg=True

    def on_reset(self):
        self.on_stop()
        self.time_start=None
        self.time_now=None     
        self.frame=0.00
        self.Text001["text"]=self.frame
        

root=tk.Tk()
app=Test(master=root)
app.mainloop()

試したこと

フォントを使えば解決できるかも！と思って手あたり次第様々なフォントを試したのですが、結局数字がぶれてしまい・・・どうにかして数字がぶれないようにする方法はないでしょうか？
時間を表示するwidgetはどうしてもgridで配置したいので、gridを使ってブレを解消できる方法があればぜひ教えてくださいー！お願いします！

Answer 1

これでどうでしょうか。

import time
import tkinter as tk
import tkinter.font as font
import threading

class Test(tk.Frame):
    def __init__(self, master=None):
        super().__init__(master)
        self.stop_fg=False
        self.frame="0.00"
        self.time_start=None
        self.time_now=None
        self.GUI()

    def GUI(self):
        self.Text001=tk.Label(text=self.frame, anchor='w')
        self.Text001.grid(column=0,row=0)
        Text001=tk.Label(text="sec")
        Text001.grid(column=1,row=0)
        Button001=tk.Button(text="Start",command=self.on_start)
        Button001.grid(column=0,row=1)
        Button002=tk.Button(text="Stop",command=self.on_stop)
        Button002.grid(column=1,row=1)
        Button002=tk.Button(text="Reset",command=self.on_reset)
        Button002.grid(column=2,row=1)

    def run(self):
        self.stop_fg=False
        if self.time_start==None:
            self.time_start=time.time()

        while self.stop_fg!=True:
            self.time_now=time.time()
            self.frame="{:.2f}".format(self.time_now-self.time_start)
            #print(self.frame)
            self.Text001["text"]=self.frame

    def on_start(self):
        threading.Thread(target=self.run).start()

    def on_stop(self):
        self.stop_fg=True

    def on_reset(self):
        self.on_stop()
        self.time_start=None
        self.time_now=None
        self.frame="0.00"
        self.Text001["text"]=self.frame


root=tk.Tk()
app=Test(master=root)
app.mainloop()

修正点は大きく２つ
１．self.Text001=tk.Label(text=self.frame, anchor='w') と anchor='w' を設定し、タイマーの表示を右詰めするようにする

２．self.frame に時間を格納する際、文字列として格納する。
この時、小数点以下２桁まで0埋めで出力する

となっております

Comments

[tomo1998]

おぉっ・・！こ、これは！
申し分なくばっちりでありがたいです！
でも、ちょっとわからないのですが何故2つ目の修正点で文字列型にしないとブレが解消しないのでしょうか？
それと、magichanさんの解答見ていろいろ試したのですが、なぜ
self.frame=str(round((self.time_now-self.time_start),2))
では文字ズレは解消できないんですか？教えていただけると嬉しいですm(_ _)m

[magichan]

どもです。
簡単に言うと、数値（float）型の場合
1. も 1.0 も 1.00 も 1.00000000 も全て同じ値です
ですので
self.flame = 1.
と書こうと
self.flame = 1.00
と書こうと全く同じ処理となります。
試しに
print(1.)
print(1.00)
print(1.00000)
の結果を見るとわかりやすいかもしれません。
ですので、
self.flame = 1.00
と書いたからと言って、表示が少数点以下２桁まで表示する保証は全く無いのです。

[magichan]

しかし文字列は違います。 "1.0" と "1.00" は明らかに別ものとして処理されますし、
print("1.00")
と書くと、間違いなく少数点以下２桁まで表示されます。

ということで、文字列にすることで、毎回確実に少数点以下２桁まで表示されるため、ブレることはなくなります。

[tomo1998]

なるほど・・・つまり、桁が表示されなくなるゆえにブレが起こるってことですか？

[tomo1998]

あ、ごめんなさい　もう一つのコメントがまだ表示されていなくって返事を・・・汗
ほうほう、そうだったんですね！おかげさまでとってもよくわかりました！

[magichan]

はい、その通りです。

元々のソースコードを動作させると、リセット後に
self.flame = 0.00
としているにも関わらず、表示は　"0.0" となっているかと思います。
つまり、小数点第2が 0 の時に小数点第１までしか表示されていないのがブレる原因かと思います

[tomo1998]

すいません！もう一つ質問があります！
self.frame="{:.2f}".format(self.time_now-self.time_start)
の事なのですが、この{:.2f}の.2は小数点2桁のことを示しているのは分かるのですが、fの意味がよくわからないんです。ネットで調べてみたのですがまだわからなくって・・・汗　もしよければコメントを・・！

[magichan]

https://www.python.org/dev/peps/pep-3101/#standard-format-specifiers

固定小数表示を指示する為の記号となります