tkinter テキストと図形をグループ化したい

Question

前提

文字が書かれた図形をドラッグできる機能を作成しています。

実現したいこと

マウスで文字と図形をグループ化して、一緒にドラッグできるようにしたい

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

マウスでドラッグしようとすると、文字だけ、図形だけ別々に移動してしまいます。
初心者なので、テキストと図形をグループ化して処理を行う方法がわかりません。
お優しい方ご教授いただけますと幸いです。

該当のソースコード

import sys
import tkinter as tk1

'''図形のクリックイベント'''
def zukei_click(event):
global figure
global before_x, before_y
x = event.x
y = event.y
figure = c0.find_closest(x, y)
before_x = x
before_y = y

def zukei_drag(event):
global before_x, before_y
x = event.x
y = event.y
c0.move(figure,x - before_x, y - before_y)
before_x = x
before_y = y

def main():
global c0
global oval_id
global text_id
app = tk1.Tk()
app.title(u"Software Title")
c0 = tk1.Canvas(app, width = 500, height = 300,bg="white")
oval_id = c0.create_oval(10, 10, 140, 100, tags = 'o')
c0.itemconfigure(oval_id, fill = 'lightblue', outline = 'blue')
oval_pos = c0.coords(oval_id)
text_id = c0.create_text(10, 10, text='こんにちは')
text_size = c0.bbox(text_id)
oc_x = oval_pos[2] / 2
oc_y = oval_pos[3] / 2
tc_x = text_size[2] / 2
tc_y = text_size[3] / 2
c0.move(text_id, oc_x - ( oval_pos[0]/2 ), oc_y - tc_y)
c0.tag_bind(oval_id, "<ButtonPress-1>", zukei_click)
c0.tag_bind(oval_id, "<Button1-Motion>", zukei_drag)
c0.tag_bind(text_id, "<ButtonPress-1>", zukei_click)
c0.tag_bind(text_id, "<Button1-Motion>", zukei_drag)
c0.pack()
app.mainloop()

if name == "main":
main()

Answer 1

Canvas内のアイテムにはタグをセットすることができ、アイテム類に同じタグをセットすることでそれらをグループとして扱うことができます。
具体的にはクリック時にfind_closestなアイテムからそのアイテムが属するタグを取得し、ドラッグ時にはタグ指定で移動させることができます。
なおbindもアイテム毎ではなくタグで一括指定することができます。

import tkinter as tk1

'''図形のクリックイベント'''
def zukei_click(event):
    global before_x, before_y
    global tag
    x, y = event.x, event.y
    ids = c0.find_closest(x, y)
    tag = c0.gettags(ids[0])[0]
    before_x, before_y = x, y

def zukei_drag(event):
    global before_x, before_y
    global tag
    x, y = event.x, event.y
    c0.move(tag,x - before_x, y - before_y)
    before_x, before_y = x, y

def main():
    global c0

    app = tk1.Tk()
    app.title(u"Software Title")
    c0 = tk1.Canvas(app, width = 500, height = 300,bg="white")

    for i in range(3):
        tag = f'block{i}'
        id = c0.create_oval(10, 10+100*i, 140, 100+100*i, tags = tag)
        c0.itemconfigure(id, fill = 'lightblue', outline = 'blue')
        c0.create_text(50, 50+100*i, text='こんにちは', tags = tag)
        c0.tag_bind(tag, "<ButtonPress-1>", zukei_click)
        c0.tag_bind(tag, "<Button1-Motion>", zukei_drag)

    c0.pack()
    app.mainloop()

if __name__ == "__main__":
    main()

Comments

[piyokomaru]

ありがとうございます！おかげ様で実装はできたのですが、下の一行だけ理解できなくて...お時間あれば意味を教えていただけると嬉しいです><
tag = c0.gettags(ids[0])[0]

[8524ba23]

8.6. Methods on Canvas widgets
https://anzeljg.github.io/rin2/book2/2405/docs/tkinter/canvas-methods.html
を参照ください。そのうえでどの部分がどのように分からないのかを明確にされると回答できるかもしれません。

[piyokomaru]

find_closestが返却するオブジェクトidsはタプル形式で、ids[0]はそのタプルの0番目を取得しているということであっていますか？そのカッコの後ろにある[0]も何をさしているのか理解ができません。。不勉強なものですみません泣

[8524ba23]

idsについてはそのとおりです。あとはgettags関数の戻り値について確認してみてください。
また、実際にコードを動かして、各関数の戻り値をprintして確かめてみるなどすると理解しやすいかと思います。

[piyokomaru]

ご丁寧にありがとうございます！おかげさまで理解できました