tkinter の線の作成(?)について

Question

pythonのtkinterでcanvasの、create_line機能を使って線を引きたいと思っています

問題のコード

import tkinter

root = tkinter.Tk()
root.geometry("500x500")

# Canvas Widget を生成
canvas = tkinter.Canvas(root)

# Top Widget上に Scrollbar を生成して配置
bar = tkinter.Scrollbar(root, orient=tkinter.VERTICAL)
bar.pack(side=tkinter.RIGHT, fill=tkinter.Y)
bar.config(command=canvas.yview) # ScrollbarでCanvasを制御

# Canvas Widget をTopWidget上に配置
canvas.config(yscrollcommand=bar.set) # Canvasのサイズ変更をScrollbarに通知
canvas.config(scrollregion=(0,0,500,500)) #スクロール範囲
canvas.pack(side=tkinter.LEFT, fill=tkinter.BOTH, expand=True)

# Frame Widgetを 生成
frame = tkinter.Frame(canvas)

# Frame Widgetを Canvas Widget上に配置（）
canvas.create_window((0,0), window=frame, anchor=tkinter.NW, width=500, height=500)

# Frame Widget上に各種ラベルを表示
lbl_1 = tkinter.Label(frame, text='aaa')
lbl_1.place(x=20, y=20)

canvas.create_line(100, 100, 100, 300, width = 2.0)
canvas.pack()

試したこと

これだとそもそも線が引けなくて、
最後の2行を

frame.create_line(100, 100, 100, 300, width = 2.0)
frame.pack()

にすると、
'Frame' object has no attribute 'create_line'
が出て、

canvas.create_line(frame, 100, 100, 100, 300, width = 2.0)
canvas.pack()

にすると
wrong # coordinates: expected an even number, got 5
が出ます。どうすればいいでしょうか?

環境

python3.8.3rc1

Answer 1

まずは以下を実行してみてください。

import tkinter

root = tkinter.Tk()
root.geometry("500x500")

# Canvas Widget を生成
canvas = tkinter.Canvas(root)

# Top Widget上に Scrollbar を生成して配置
bar = tkinter.Scrollbar(root, orient=tkinter.VERTICAL)
bar.pack(side=tkinter.RIGHT, fill=tkinter.Y)
bar.config(command=canvas.yview) # ScrollbarでCanvasを制御

# Canvas Widget をTopWidget上に配置
canvas.config(yscrollcommand=bar.set) # Canvasのサイズ変更をScrollbarに通知
canvas.config(scrollregion=(0,0,500,500)) #スクロール範囲
canvas.pack(side=tkinter.LEFT, fill=tkinter.BOTH, expand=True)

# Frame Widgetを 生成
frame = tkinter.Frame(canvas, background='gray')

# Frame Widgetを Canvas Widget上に配置（）
canvas.create_window((0,0), window=frame, anchor=tkinter.NW, width=200, height=200)

# Frame Widget上に各種ラベルを表示
lbl_1 = tkinter.Label(frame, text='aaa')
lbl_1.place(x=20, y=20)

canvas.create_line(100, 100, 100, 300, width = 2.0)
canvas.pack()

root.mainloop()

わかりやすい様に、frameをリサイズしbackground='gray'を設定してみました。
canvas上にtopwindowと同じサイズのframeを配置し
その後canvas上に線を描画してしまっている事から
せっかく描画した線はframeによって隠れてしまっています。
その為、線が表示されていないかの様に見えていたという事です。

あとはご自身で調整してみてください。

Comments

[skysoul]

ありがとうございます

Answer 2

wrong # coordinates: expected an even number, got 5

が出ます。どうすればいいでしょうか?

create_line関数の引数にframeは不要です。
8.10. Canvas line objectsを確認ください。

Comments

[skysoul]

wrong # coordinates: expected an even number, got 5
は解決しました。ありがとうございます。

Answer 3

スクロールをなしにしてやったら出来ました。
ありがとうございます

Answer 4

こんばんは。

問題文読ませていただきました。

wrong # coordinates: expected an even number, got 5 と出ているので、

canvas.create_line(100, 100, 100, 300, width = 2.0)

に変更するとうまくいきそうです。

canvas Widgetに関しては、以下の記事がまとまっていますので、ご確認いただけますと幸いです。????‍♂️

・Tkinterで使われるcanvasとは?具体的な活用方法やコードを徹底解説