【Python】TKINTERによるオブジェクト指向でのコードの書き方

Question

python3でオブジェクト指向の勉強をしています。
TKINTERを使ってアプリを作成したいのですが、FrameやNotebookを複数つかう際にClassの構造をどのように構築したらいいのかがわかりません。
未熟者なため書き方があっているかわかりませんが私のイメージでは下記の通りです。
tk.Tk()
→tk.Canvas()
→scrollbarを作成
→tk.Frame()
→tk.Canvasの上にtk.Frame()を配置
→ttk.Notebook(Frame)
→tk.Frameの上にnotebookを配置してタブを6つ追加
→各タブについてウィジェットを追加していくコードを書く

手続き型の作成はできているのですがオブジェクト指向で書くことが出来ません。
ご指導のほどよろしくお願いします。

手続き型では下記のように記入しました。

# GUIの作成
import tkinter as tk
import tkinter.ttk as ttk

root = tk.Tk()
root.geometry('2000x1500')
root.title('テスト')

Canvas Widget を生成
canvas = tk.Canvas(root, width=2000, height=1500)

#Scrollbar を生成して配置
bar_y = tk.Scrollbar(root, orient=tk.VERTICAL)
bar_y.pack(side=tk.RIGHT, fill=tk.Y)
bar_y.config(command=canvas.yview)

bar_x = tk.Scrollbar(root, orient=tk.HORIZONTAL)
bar_x.pack(side=tk.BOTTOM, fill=tk.X)
bar_x.config(command=canvas.xview)

canvas.config(yscrollcommand=bar_y.set, xscrollcommand=bar_x.set)
canvas.config(scrollregion=(0, 0, 4000, 5000))  # スクロール範囲
canvas.pack(fill=tk.BOTH, expand=tk.YES)

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

# Frame Widgetを Canvas Widget上に配置
canvas.create_window((0, 0), window=frame, anchor=tk.NW, width=canvas.cget('width'))

notebook = ttk.Notebook(frame)

tab1 = tk.Frame(notebook)
tab2 = tk.Frame(notebook)
tab3 = tk.Frame(notebook)
tab4 = tk.Frame(notebook)
tab5 = tk.Frame(notebook)
tab6 = tk.Frame(notebook)

notebook.add(tab1, text='tab1')
notebook.add(tab2, text='tab2')
notebook.add(tab3, text='tab3')
notebook.add(tab4, text='tab4')
notebook.add(tab5, text='tab5')
notebook.add(tab6, text='tab6')
notebook.pack(expand=True, fill='both')

# オブジェクト指向での記入
import tkinter as tk
import tkinter.ttk as ttk


class Application(tk.Canvas):
    def __init__(self, master=None):
        super().__init__(master, width=2000, height=1000)
        self.master.title('CBD')

        # Scrollbar を生成して配置
        self.bar_y = tk.Scrollbar(self, orient=tk.VERTICAL)
        self.bar_y.pack(side=tk.RIGHT, fill=tk.Y)
        self.bar_y.config(command=self.yview)

        self.bar_x = tk.Scrollbar(self, orient=tk.HORIZONTAL)
        self.bar_x.pack(side=tk.BOTTOM, fill=tk.X)
        self.bar_x.config(command=self.xview)

        self.config(yscrollcommand=self.bar_y.set, xscrollcommand=self.bar_x.set)
        self.config(scrollregion=(0, 0, 4000, 5000))  # スクロール範囲
        self.pack(fill=tk.BOTH, expand=tk.YES)

        self.frame = tk.Frame(self)
        self.create_window((0, 0), window=self.frame, anchor=tk.NW, width=self.cget('width'))

        nootebook = ttk.Notebook(self.frame)
        Note(master=nootebook)

class Note(nootebook):

def __init__(self, master=None):
        super().__init__(master)
        self.master.title('window')

        tab1 = tk.Frame(self.master)
        self.add(tab1, text="tab1")
        Tab1(master=tab1)

        tab2 = tk.Frame(self.master)
        self.add(tab2, text="tab2")
        Tab2(master=tab2)

        self._quit_outside_widget()
        self.pack()


def main():
    root = tk.Tk()
    app = Application(master=root)  # Inherit
    app.mainloop()


if __name__ == "__main__":
    main()

Comments

[teamikl]

コードのレイアウトが崩れてるので、
markdown を使ってコードの編集をお願いします。
バッククォート３つで囲みます

```python

ここにコードを貼り付け

```

また、コメントとコードが混在してるので、
出来れば実行可能な形に直して下さい。

Answer 1

nootebook = ttk.Notebook(self.frame)
Note(master=nootebook)

class Note(nootebook):

元コードの notebook の辺りがわからないので、
質問はその辺りについてかなと思いましたが、インデントが把握できないので、
一般的な、「クラスを使った書き方」として回答します。

質問の意図が、「オブジェクト指向を活かした設計」だった場合、
現状では ScrolledCanvas の再利用位しか恩恵はありません。
(関数で書いた場合とあまり替わりがない）

---

import tkinter as tk
from tkinter import ttk


def init_notebook(notebook):
    """
    クラス化しても良かったのですが、あまり再利用することがない処理のため関数にしました。

    無闇にクラス化すると、"self"をたくさん書かなくてはいけなくなったりします。
    """
    for num in [1, 2, 3, 4, 5, 6]:
        tab = ttk.Frame(notebook)
        name = "tab{}".format(num)
        notebook.add(tab, text=name)

    return notebook


class ScrolledCanvas(tk.Canvas):
    """
    スクロールバー付きのキャンバスは再利用の機会は高そうなので、個別のクラスに纏める。

    スクロールを付けるクラスの拡張方法は、他にもあり
    異なるアプローチですが ScrolledText のソース等も参考にしてみて下さい。
    """

    def __init__(self, master, *args, **kw):
        super().__init__(master, *args, **kw)

        bar_y = ttk.Scrollbar(self, orient=tk.VERTICAL)
        bar_y.pack(side=tk.RIGHT, fill=tk.Y)
        bar_y.config(command=self.yview)

        bar_x = ttk.Scrollbar(self, orient=tk.HORIZONTAL)
        bar_x.pack(side=tk.BOTTOM, fill=tk.X)
        bar_x.config(command=self.yview)

        self.config(
            yscrollcommand=bar_y.set,
            xscrollcommand=bar_x.set,
            scrollregion=self.bbox("all"),
        )
        # ※ ウィジェットをクラス化する際の注意点
        # ここでこのクラスのコンテナである canvas の pack()/grid() 等のレイアウトは呼びません。
        # 例えば grid() を呼び出すと、pack() では使えないクラスになってしまいます。


class MainWindow(ttk.Frame):
    def __init__(self, master):
        super().__init__(master)

        # XXX:
        # 例えば、ここで master.title() を呼び出すと、親にはToplevelしか取れなくなるので
        # クラス内では親のメソッドを呼び出すのは控えます。
        # そうすることで、Toplevel以外の親を持つことができ
        # このクラス自体を他のクラスの部品の一部として扱えるようになります。

        canvas = ScrolledCanvas(self, width=200, height=200)
        canvas.pack(fill=tk.BOTH, expand=True) # <- 配置は利用側で決める

        notebook = init_notebook(ttk.Notebook(self))
        notebook.pack(fill=tk.BOTH, expand=True)

        canvas.create_window((10, 10),
            window=notebook, anchor=tk.NW, width=canvas.cget('width'))

        self.canvas = canvas
        self.notebook = notebook


def main():
    root = tk.Tk()
    root.geometry("800x800")
    root.title("テスト")

    win = MainWindow(root)
    win.pack(fill=tk.BOTH, expand=True)

    root.mainloop()


if __name__ == '__main__':
    main()

Comments

[temtemtemtem]

質問の表記に不備があり申し訳ありませんでした。
また、不備がある中回答いただきありがとうございました。
回答いただいた内容で私が達成したかったことが完全に表現されました。
クラス化はプログラムを書く上で再利用する必要があるときのみにとどめておくことが良いのですね。全てのコメントが目から鱗で感動いたしました。本当にありがとうございます。