【Python】Tkinterで画面にフィットするフレームを作成 #Python

注意事項

自分用の簡単なまとめであり，説明はほとんどありません．
内容は時間があるときに補充します．

心の声

いまどき私のようにPython&TkinterでGUIを作成する人はいるのか...

ポイント

Frameをpackで配置する場合は，expand，fillに注意する．
- expand：親フレームの余ったスペースに対して，その分配を決定する．
  - 分配は，expand=Trueを持つフレームのみに行われる．
- fill：該当フレームの利用可能なスペースに対して，指定された方向に拡大する．
  - fill=tk.Yでは，縦方向にのみ拡張する．
  - fill=tk.Xでは，横方向にのみ拡張する．
  - fill=tk.BOTHでは，縦方向と横方向の両方に拡張する．
Frameをgridで配置する場合は，rowconfigure，columnconfigure，stickyに注意する．
- rowconfigure：行の重みを指定する．対象の行は縦方向に引き伸ばされる．
  - 複数行に設定された場合は，それぞれの重みで引き伸ばされる．
    - rowconfigure(0, weight=1)とrowconfigure(1, weight=1)なら，0行目と1行目は同じ量だけ引き伸ばされる．
    - rowconfigure(0, weight=3)とrowconfigure(1, weight=1)なら，0行目は1行目の 3倍引き伸ばされる．
- columnconfigure：列の重みを指定する．対象の列は横方向に引き伸ばされる．
  - 複数列に設定された場合は，それぞれの重みで引き伸ばされる．
    - （rowconfigureと同様）
- sticky：該当フレームの利用可能なスペースに対して，指定された方向に拡大する．また，配置位置も指定する．
  - sticky=tk.N+tk.Sでは，縦方向にのみ拡張する．
  - sticky=tk.W+tk.Eでは，横方向にのみ拡張する．
  - sticky=tk.N+tk.S+tk.W+tk.Eでは，縦方向と横方向の両方に拡張する．

使用コード

import tkinter as tk

class MyGui(tk.Frame):
    # コンストラクタの定義
    def __init__(self, master):
        
        # 継承元クラス（tk.Frame）のコンストラクタを呼び出し
        tk.Frame.__init__(self, master)
                
        # このクラスで使用するメインフレームを定義
        self.frame = tk.Frame(self)
        self.frame.pack(expand=True, fill=tk.BOTH)
        self.frame.rowconfigure(0, weight=1) # 0行目を縦方向に引き伸ばす
        self.frame.columnconfigure(1, weight=1) # 1列目を横方向に引き伸ばす
        
        # メインフレームを2つに分割（左はサイド，右はヘッダー・ボディ・フッター）
        self.leftFrame = tk.Frame(self.frame, bg="#3182bd")
        self.leftFrame.grid(row=0, column=0, ipadx=5, ipady=5, sticky=tk.N+tk.S)
        self.rightFrame = tk.Frame(self.frame, bg="#9ecae1")
        self.rightFrame.grid(row=0, column=1, ipadx=5, ipady=5, sticky=tk.W+tk.E+tk.N+tk.S) # 縦横に引き伸ばす
        self.rightFrame.rowconfigure(1, weight=1) # 1行目を縦方向に引き伸ばす設定
        self.rightFrame.columnconfigure(0, weight=1) # 0列目を横方向に引き伸ばす設定
        
        # self.rightFrame内にヘッダー・ボディ・フッター用のフレームを定義
        self.headerFrame = tk.Frame(self.rightFrame,  bg="#31a354")
        self.headerFrame.grid(row=0, column=0, ipadx=5, ipady=5, sticky=tk.W+tk.E)
        self.bodyFrame = tk.Frame(self.rightFrame, bg="#a1d99b")
        self.bodyFrame.grid(row=1, column=0, ipadx=5, ipady=5, sticky=tk.W+tk.E+tk.N+tk.S)
        self.footerFrame = tk.Frame(self.rightFrame,  bg="#e5f5e0")
        self.footerFrame.grid(row=2, column=0, ipadx=5, ipady=5, sticky=tk.W+tk.E)
        
        # サイド・ヘッダー・ボディ・フッターを描画
        self.createSide()
        self.createHeader()
        self.createBody()
        self.createFooter()

    def createSide(self):
        widgetSide = tk.Label(self.leftFrame, text="Side", font=("", 14))
        widgetSide.pack(expand=True)
        return
    
    def createHeader(self):
        widgetHeader = tk.Label(self.headerFrame, text="Header", font=("", 14))
        widgetHeader.pack(expand=True)
        return
    
    def createBody(self):
        widgetBody = tk.Label(self.bodyFrame, text="Body", font=("", 14))
        widgetBody.pack(expand=True)
        return
    
    def createFooter(self):
        widgetFooter = tk.Label(self.footerFrame, text="Footer", font=("", 14))
        widgetFooter.pack(expand=True)
        return

使用例

# rootインスタンスを生成
root = tk.Tk()

# 最大化
root.state("zoomed") # For Windows
# root.attribute("-zoom", "1") # For Linux

# root下にフレームを追加
frame = tk.Frame(root)
frame.pack(expand=True, fill=tk.BOTH)

# frame下に自作フレームを追加
myGui = MyGui(frame)
myGui.pack(expand=True, fill=tk.BOTH)

root.mainloop()