Tkinterのcanvas.create_textにて自動で改行したい

Question

実現したいこと

openpyxlで読み込んだExcelファイルをTkinterのcanvasに表示する．
その際，セルごとに自動で改行するようにしたい．

前提

canvas.create_textを使って複数行のエクセルの中身を表示しようとするとすべて同じ座標に表示されて重なってしまいます．

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

このように文字が重なってしまいます．

該当のソースコード

import tkinter
import openpyxl

class Application(tkinter.Tk):
    def __init__(self):
        super().__init__()

        # キャンバスのサイズ
        self.canvas_width = 850
        self.canvas_height = 490

        self.after_canvas = tkinter.Canvas(
            self,
            width=self.canvas_width,
            height=self.textcanvas_height,
            bg="white"
        )
        self.after_canvas.grid(row=2, column=1)
        yscroll = tkinter.Scrollbar(self, orient=tkinter.VERTICAL, command=self.after_canvas.yview)
        self.after_canvas["yscrollcommand"] = yscroll.set
        yscroll.grid(row=2, column=2, sticky=tkinter.N+tkinter.S)
               
        # ボタンを配置するフレームの作成と配置
        self.button_frame = tkinter.Frame()
        self.button_frame.grid(row=1, column=3)

        # ファイル読み込みボタンの作成と配置
        self.load_button = tkinter.Button(
            self.button_frame,
            text="load",
            command=self.push_load_button
        )
        self.load_button.pack(pady=10, ipady=10, ipadx=20)

    #以下openpyxlの処理
    def push_load_button(self): 
        wb = openpyxl.load_workbook('\test.xlsx')
        active_sheet = wb.active
        sheet_range = active_sheet['B2':'B4']

       # 範囲内のテキストを順次表示
        for row in sheet_range:
            for cell in row:
                cell_value = cell.value
                if cell.value is not None: # 改行できない
                    self.after_canvas.create_text(200, 30, text=cell.value + "\n", anchor="nw", fill="black", font=20)


app = Application()
app.mainloop()

試したこと

座標を固定してしまっていることは分かるのですがそれがいい感じに重ならないようにする方法が知りたいです．よろしくお願いいたします．

Comments

[melian]

フォントの高さ分だけずらして行くという方法でもよいかと。

y = 30
for row in sheet_range:
　for cell in row:
　　if cell.value is not None:
　　　self.after_canvas.create_text(200, y, text=cell.value, anchor="nw", fill="black", font=20)
　　　y += 20

[Tom_yamada]

なるほど，これでしたらずらす値を変えることで行間も調整できそうです！
ありがとうございます！

Answer 1

以下のような感じで改行\nで連結された文字列を１つだけつくって、１回だけcreate_textすればよいかと思います。

    def push_load_button(self):
        texts = []
        for t in ['あいう','abc', None, 'かきく']:
            if t is not None:
                texts.append(t)
        self.after_canvas.create_text(200, 30, text='\n'.join(texts), anchor="nw", fill="black", font=20)

追記：ChatGPTの回答

tkinterのcanvasにcreate_textで複数行の文字列を表示する場合、その行間を調整することはできますか

はい、TkinterのCanvasウィジェットのcreate_text()メソッドを使用して複数行のテキストを描画する場合、行間のスペースを調整することができます。具体的には、create_text()メソッドのanchor引数を使用して、テキストの描画位置を調整し、またfont引数を使用して、フォントサイズやフォント種類を指定することができます。

以下の例では、create_text()メソッドを使用して、複数行のテキストを描画する方法を示します。この例では、テキストの行間を10ピクセルに設定しています。

import tkinter as tk

root = tk.Tk()

canvas = tk.Canvas(root, width=200, height=200)
canvas.pack()

text = "This is a\nmultiline\ntext string."

# テキストの描画位置を中央に設定し、フォントサイズを14に設定
canvas.create_text(100, 100, text=text, font=("Arial", 14), anchor="center", justify="center", spacing=10)

root.mainloop()

上記の例では、create_text()メソッドのspacing引数を使用して、行間のスペースを設定しています。この引数の値を変更することで、行間のスペースを調整することができます。ただし、この引数は、Tkinter 8.6以降でのみ使用可能です。Tkinterのバージョンが古い場合は、この方法は使用できません。

表示された文字列がキャンバスの範囲外に描画される場合、スクロールバーで全体を表示させることはできますか

はい、TkinterのCanvasウィジェットは、スクロールバーを追加して、Canvas上の全体を表示させることができます。

以下の例では、Canvasにテキストを描画し、テキストがキャンバスの範囲外に描画された場合、スクロールバーを使用してCanvasの全体を表示させる方法を示します。

import tkinter as tk

root = tk.Tk()

canvas = tk.Canvas(root, width=200, height=200)
canvas.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)

# スクロールバーの設定
scrollbar = tk.Scrollbar(root, orient=tk.VERTICAL, command=canvas.yview)
scrollbar.pack(side=tk.RIGHT, fill=tk.Y)
canvas.configure(yscrollcommand=scrollbar.set)

# テキストを描画
text = "This is a\nmultiline\ntext string."
text_item = canvas.create_text(100, 100, text=text, font=("Arial", 14), anchor="center")

# Canvasの範囲を設定
canvas.configure(scrollregion=canvas.bbox("all"))

root.mainloop()

この例では、Canvasにテキストを描画し、キャンバスの範囲外に描画された場合、スクロールバーを使用してCanvasの全体を表示させています。スクロールバーの設定は、Scrollbarウィジェットを作成し、Canvasのyscrollcommand引数にScrollbarのset()メソッドを設定することで行います。また、Canvasのscrollregion引数に、Canvas内の全体範囲を指定することで、スクロールバーを使用して全体を表示させることができます。

上記の例では、Canvasを左側に配置し、スクロールバーを右側に配置していますが、ウィンドウのレイアウトに合わせて適切な配置を設定してください。

Comments

[Tom_yamada]

ご回答ありがとうございます。
このような方法があったんですね！表示できました！
ちなみにこちら行間を変える方法ってありますか？
また，今の状態だとY方向のスクロールバーは機能していないのでしょうか...
重ねての質問になってしまい申し訳ありません．

[can110]

canvasの属性、設定、あるいは create_textの引数なりで制御できるのかもしれません。
調べてみたらtkinter8.6以上のcreate_textではspacingという引数で行間は指定できるようです。
また、スクロールバーについてはcreate_textのあとに以下のような感じでスクロール範囲を更新してあげればよいようです。
self.after_canvas.configure(scrollregion=self.after_canvas.bbox("all"))

[Tom_yamada]

ご丁寧にありがとうございます！
参考にさせていただきます🙇‍♂️