Tkinterのgrid_columnconfigureを使用するが、ウインドウ幅に伸びない

Question

TkinterでGridレイアウトを生成中です。
カラムが3つあるのですが、ウインドウを広げたときにボタン要素が伸びてくれません。

下記の記述を追加しましたが特に変わりませんでした。
何か間違っていますでしょうか。

from tkinter import *
from tkinter import ttk
import tkinter.filedialog as filedialog

root = Tk()
root.title("Setting")
root.geometry("500x300")

root.grid_columnconfigure(0, weight = 1)
root.grid_columnconfigure(1, weight = 2)
root.grid_columnconfigure(2, weight = 3)

frame1 = ttk.Frame(root, padding=10)
frame1.grid()

btn1 = ttk.Button(frame1, text="ボタン1", width= 10)
btn2 = ttk.Button(frame1, text="ボタン2", width= 10)
btn3 = ttk.Button(frame1, text="ボタン3", width= 10)

#配置
btn1.grid(column=0, row=0,sticky=(W))
btn2.grid(column=1, row=0, sticky=(E,W))
btn3.grid(column=2, row=0, sticky=(E))

root.mainloop()

Answer 1

見た感じでは、weight の値指定が間違ってますが、

上記のコードだけでは、フレーム自体のサイズが定まらないので、
伸びる伸びない以前にフレーム自体が見えません。
どのように要素が伸びないのを確認したのかが疑問になってきます。
（コードの省略部分によっては別の問題かもしれない）

• tkinter, ttk の import
• root.mainloop()

を含む、コードをコピーして実行が可能な状態で、
且つ問題の現象を再現できる最少のコードを提示してください。

---

追記: ウィジェットが伸びない問題に関しては、
「レイアウト可能な領域の伸縮」「ウィジェットのサイズの伸縮」の２点があります。

grid() 引数の sticky を調べて見て下さい。.grid(sticky=tk.NSEW)

grid_columnconfigure では、ウィジェットが配置可能な領域の伸縮を決定し、
sticky によりウィジェットがどの方向によるのかが決定されます。

---

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
frame1 = ttk.Frame(root, padding=10)
frame1.pack(fill=tk.BOTH, expand=tk.YES) # 前提として、親ウィジェットを伸縮可能にしておく
# ※grid() では位置する場合は、root.grid_[row|column]configure の設定も必要

# root ではなく、frame の grid_configure
frame1.grid_columnconfigure(0, weight=0) # 左
frame1.grid_columnconfigure(1, weight=1) # 中央のみ伸縮可能に
frame1.grid_columnconfigure(2, weight=0) # 右

btn1 = ttk.Button(frame1, text="ボタン1")
btn2 = ttk.Button(frame1, text="ボタン2") # pack/grid で伸縮可能にする場合、widthは自動調整されるのでサイズ指定は上書きされ無効になります
btn3 = ttk.Button(frame1, text="ボタン3")

#配置
btn1.grid(column=0, row=0)
# sticky オプションの有無を確認してみてください。
btn2.grid(column=1, row=0, sticky=tk.EW)
btn3.grid(column=2, row=0)

root.mainloop()

---

weight について、誤解されてそうな感じだったので追記

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
frame1 = ttk.Frame(root, padding=10)
frame1.pack(fill=tk.BOTH, expand=tk.YES)

# weight の値について、レイアウト可能な領域の割合として考えてみてください
# 比率で 1:2:1 にする場合。
frame1.grid_columnconfigure(0, weight=1)
frame1.grid_columnconfigure(1, weight=2)
frame1.grid_columnconfigure(2, weight=1)

btn1 = ttk.Button(frame1, text="ボタン1")
btn2 = ttk.Button(frame1, text="ボタン2")
btn3 = ttk.Button(frame1, text="ボタン3")

# sticky EW(east-west) 指定で、サイズを左右に伸縮可能にする
btn1.grid(column=0, row=0, sticky=tk.EW)
btn2.grid(column=1, row=0, sticky=tk.EW)
btn3.grid(column=2, row=0, sticky=tk.EW)

root.mainloop()

Comments

[Anon_]

すみません、関係のない個所などを省いて後ほど全文を掲載いたします。

[Anon_]

記載のコードのみで実行されるものに変更いたしました。
ボタン要素が伸びるようにはどのように記載すべきでしょうか。

[teamikl]

sticky 指定を見たところ、
目的の挙動は、中央のボダンを横幅を伸ばしたいということですか？

問題点は３点、

1) button は frame に配置されているため
root ではなく、frame の grid_columnconfigure を設定します。

2) grid_columnconfigure の weight 指定
全ての column を伸縮可能にすると、「レイアウト領域」は伸縮可能でも
「ウィジェットのサイズ」は伸びてないケースもあります。

3) grid() に sticky を設定します（ここは、目的の挙動次第では任意)

直接の原因は (1) の root ではなく frame の grid_columnconfigure という点。
但し、目的のレイアウトにするには (2), (3) の調整が必要そうです。

[Anon_]

frame1.grid_columnconfigure(0, weight=1)

は”frame の grid_columnconfigure を設定します。”
にはなっていないのですか？

[teamikl]

frame1.grid_columnconfigure(0, weight=1)

> は”frame の grid_columnconfigure を設定します。”
> にはなっていないのですか？

なってますよ。どういった意図の質問ですか？

コメント内に書いた(1) の要点は
問題のコードでは「rootに対しての」grid_columnconfigure を設定されてます。
button が配置されてるのは、root ではなく frame1 なので、
frame1 の grid_columnconfigure を設定してください。

[Anon_]

すみません、teamikl様がご記入いただいたコードをこちらのコードと勘違いしておりました。
仰る通りweightについては誤解しておりました。

ようやく理解できましたのでなんとか理想の形にできそうです。
とても助かりました。