for文で作成したボタンと同じ場所にラベルを表示させたい

Question

前提

tkinterをクラスで表現するのに挑戦中です。
三つのボタンをfor文で設置し，ボタンをおすとラベルとなるフルーツが一つ抽選されます。

実現したいこと

for文で作成したボタンが押されたらボタンを削除して，消えたボタンの場所にラベルを表示させたいです。

発生している問題

self.result.place(x=self.x1,y=self.y1)とすると，何もラベルが表示されませんでした。
一方，x,yにそれぞれ適当な数字を設定すると，三つボタンをおしてもラベルを表示する場所がかぶってしまいました。
当たり前のことだとわかっていますが，解決法がわかりません。どうかご教授お願い致します。

該当のソースコード

import random
import tkinter as tk
class Main(tk.Frame):
    def __init__(self, master = None):
        super().__init__(master)
        self.master.geometry("500x60")
        self.master.resizable(False,False)
        self.canvas1 = tk.Canvas(self.master,width=500, height=60, bg="#fafafa")
        self.canvas1.pack()
        self.fruits = ["apple", "grape", "orange"]
        self.x1 = 10
        self.y1 = 10
        for i in range(3):
            self.button1 = tk.Button(master=self.canvas1, text="      抽選      ",
                                    bg="#fafafa", fg="#000000",font=('MS Pゴシック', '17'))
            self.button1.place(x=self.x1,y=self.y1)
            self.button1.bind("<ButtonPress>",self.click_button)
            self.x1 += 165
    
    def click_button(self,event):
        event.widget.destroy()
        self.chusen()
        self.result = tk.Label(master=self.canvas1, text=self.selected_fruits,
                               bg="#fafafa", fg="#000000",font=('MS Pゴシック', '17'))
        self.result.place(x=self.x1,y=self.y1)
    def chusen(self):
        self.selected_fruits = random.choice(self.fruits)
        print(self.selected_fruits)

def main():
    root = tk.Tk()
    app = Main(master=root)
    app.mainloop()

if __name__ == "__main__":
    main()

試したこと

ボタンを押したときのマウスのポインターの座標を取得すればと思いましたが，それだと毎度ばらばらの位置になってしまうと考え断念しました，

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

win11,python3.10.4

Answer 1

ボタンの座標が保存されていないのが問題です。
ボタン作成時に、それぞれの座標をどこかに保存しておいて、イベント発生時に取り出せばいいと思います。

自分なら、ボタンオブジェクトそのものに保存します。

            self.button1.place(x=self.x1,y=self.y1)
            self.button1.pos = [self.x1, self.y1]

そしてしておけば、イベント処理の関数のevent内にそのボタンオブジェクトが入っているので参照できます。

    def click_button(self,event):
        btn_pos = event.widget.pos
        event.widget.destroy()
        self.chusen()
        self.result = tk.Label(master=self.canvas1, text=self.selected_fruits,
                               bg="#fafafa", fg="#000000",font=('MS Pゴシック', '17'))
        self.result.place(x=btn_pos[0], y=btn_pos[1])

ところで、質問とは直接関係ありませんが、クラスの変数の持ち方がよくないと思います。

ボタン作成時に、self.button1 というインスタンス変数を使っていますが、結局この変数は最後に作ったボタンだけ参照しているので利用価値がありません。後から参照する必要がないのであれば、インスタンス変数にする必要はないのでローカル変数でいいでしょう。インスタンス変数に入れておきたいのであれば、全てのボタンを保持できるようにリストにして保持するようにすればいいでしょう。
下記の例では、button_listに入れていますが、事前に作っておく必要があります。

        for i in range(3):
            self.button_list.add(tk.Button(...))

同様に、x1, y1 も インスタンス変数になっていますが、最後のボタンの位置を保持している変数になってしまっています。ローカル変数にしてしまうか、上と同様リストなどに保持するのがいいでしょう。ただ、リストに保持するのであれば、先に提案したボタンに保存するのは不要で、このリストから参照すればよくなりますね。

Comments

[power-chan]

ありがとうございました。できました！

Answer 2

ボタンをdestroyで消してから座標を取得しようとしているからだと思うので、
消す前に座標を変数に入れておくかラベルを追加してからボタンを消してみては。
と思ったんでですがそれ以前の問題で、
ラベル配置のためのx1の座標が3回目のself.x1 += 165によって4つ目相当の位置に設定されているからです。
event.widget.winfo_x()でx座標とるのが一番話が早そう

Comments

[power-chan]

回答ありがとうございました！