質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.95%

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

解決済

回答 4

投稿

  • 評価
  • クリップ 1
  • VIEW 1,329

score 95

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

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 4

checkベストアンサー

+2

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/08/03 19:08

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

    キャンセル

+2

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

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によって隠れてしまっています。
その為、線が表示されていないかの様に見えていたという事です。

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/08/04 17:12

    ありがとうございます

    キャンセル

+1

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

おはようございます。

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

こんな感じでいかがでしょうか?

import tkinter as tk


class Application(tk.Frame):
    # canvasに関する情報を格納する変数
    canvas = None

    def __init__(self, master=None):
        # Windowの初期設定を行う。
        super().__init__(master)

        # Windowの画面サイズを設定する。
        # geometryについて : https://kuroro.blog/python/rozH3S2CYE0a0nB3s2QL/
        self.master.geometry("300x200")

        # Windowを親要素として、frame Widget(Frame)を作成する。
        # frameについて : https://kuroro.blog/python/P20XOidA5nh583fYRvxf/
        frame = tk.Frame(self.master)

        # Windowを親要素とした場合に、frame Widgetをどのように配置するのか?
        # packについて : https://kuroro.blog/python/UuvLfIBIEaw98BzBZ3FJ/
        frame.pack()

        # frame Widget(Frame)を親要素として、canvas Widgetを作成する。
        # width : 幅の設定
        # height : 高さの設定
        # background : 背景色の設定
        # 色の設定を変更する場合 : http://www.tcl.tk/man/tcl/TkCmd/colors.htm
        # scrollregion(w, n, e, s) : w : West, n : North, e : East, s : Southの略。
        # 設定したwidth(幅)、height(高さ)以上にscrollできる領域を設けたい場合に、方位に合わせて値を設定する。
        # canvasについて : https://kuroro.blog/python/ANyM9WLpd0LSXRQAELOj/
        self.canvas = tk.Canvas(
            frame, width=400, height=300, background="white", scrollregion=(0, 0, 0, 500))

        # x1座標 : 200, y1座標 : 200, x2座標 : 10, y2座標 : 20, x3座標 : 60, y3座標 : 100, x4座標 : 1000, y4座標 : 1000
        # option : fill(線を引くときの色を設定)
        # 戻り値 : ID
        # canvasについて : https://kuroro.blog/python/ANyM9WLpd0LSXRQAELOj/
        self.canvas.create_line(200, 200, 10, 20, 60,
                                100, 1000, 1000, fill='black')

        # frame Widget(Frame)を親要素として、scrollbar Widgetを作成する。
        # orient : 垂直方向へscrollbarを作成するように設定する。
        # command : scrollbarを動かした場合に、連動して表示する内容を設定する。今回は、canvas Widgetをy軸方向に動かした内容を表示する。
        # Scrollbarについて : https://kuroro.blog/python/vgx53M7D1d6C0R8ejp0V/
        scrollbar = tk.Scrollbar(
            frame, orient=tk.VERTICAL, command=self.canvas.yview)

        # scrollbar Widgetの設定内容をcanvas Widgetと紐付ける。
        # yscrollcommand : canvas Widget内で上下移動した場合に、scrollbarが追従するように設定する。
        self.canvas["yscrollcommand"] = scrollbar.set

        # frame Widget(Frame)を親要素とした場合に、canvas Widgetをどのように配置するのか?
        # gridについて : https://kuroro.blog/python/JoaowDiUdLAOj3cSBxiX/
        self.canvas.grid(row=0, column=0)
        # frame Widget(Frame)を親要素とした場合に、scrollbar Widgetをどのように配置するのか?
        # gridについて : https://kuroro.blog/python/JoaowDiUdLAOj3cSBxiX/
        scrollbar.grid(row=0, column=1, sticky=(tk.N, tk.S))


# Tkinter初学者参考 : https://docs.python.org/ja/3/library/tkinter.html#a-simple-hello-world-program
if __name__ == "__main__":
    root = tk.Tk()
    app = Application(master=root)
    # Windowをループさせて、継続的にWindow表示させる。
    # mainloopについて : https://kuroro.blog/python/DmJdUb50oAhmBteRa4fi/
    app.mainloop()

ご確認のほど、よろしくお願いいたします。🙇‍♂️

またその他のcanvas Widgetの使い方からコードサンプルを、以下の記事にまとめましたので、ご確認いただけますと幸いです。
Tkinterで使われるcanvasとは?具体的な活用方法やコードを徹底解説

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.95%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る