Tkinter 按钮使用网格扩展

Tkinter button expand using grid

我是编码新手,刚开始学习 Python。我搜索了答案,但找不到答案。

我正在尝试制作一个用于学习目的的计算器,但我无法使底部 keyboard frame 展开,或者 buttons 内部展开以匹配根 window 的边界

这是我的代码:

from tkinter import  *

# main window configuration
root=Tk()
root.geometry("1000x1000")

root.grid_columnconfigure(0, weight=1)
root.grid_rowconfigure(0, weight=1)
# main window frames

topmenu=Frame(root,padx=5,pady=5)
display=Frame(root,padx=5,pady=5)
keyboard=Frame(root,padx=5,pady=5,bg="red")

topmenu.grid(row=0,column=0)
display.grid(row=1,column=0)
keyboard.grid(row=2,column=0)




# topmenu widgets

# display widgets

#keyboard widgets
 #  prima riga
percentagebutton=Button(keyboard,padx=5,pady=5,text="%")
squarerootbutton=Button(keyboard,padx=5,pady=5,text="√x")
squarebutton=Button(keyboard,padx=5,pady=5,text="x²")
inversebutton=Button(keyboard,padx=5,pady=5,text="1/x")

percentagebutton.grid(row=0,column=0,sticky='EWNS')
squarerootbutton.grid(row=0,column=1,sticky='EWNS')
squarebutton.grid(row=0,column=2,sticky='EWNS')
inversebutton.grid(row=0,column=3,sticky='EWNS')

#   seconda riga
resetbutton=Button(keyboard,padx=5,pady=5,text="C")
deletebutton=Button(keyboard,padx=5,pady=5,text="←")
divisionbutton=Button(keyboard,padx=5,pady=5,text="÷")


resetbutton.grid(row=1,column=0,columnspan=2,sticky='EWNS')
deletebutton.grid(row=1,column=2,sticky='EWNS')
divisionbutton.grid(row=1,column=3,sticky='EWNS')


#   terza riga

sevenbutton=Button(keyboard,padx=5,pady=5,text="7")
eightbutton=Button(keyboard,padx=5,pady=5,text="8")
ninebutton=Button(keyboard,padx=5,pady=5,text="9")
moltiplicationbutton=Button(keyboard,padx=5,pady=5,text="X")

sevenbutton.grid(row=2,column=0,sticky='EWNS')
eightbutton.grid(row=2,column=1,sticky='EWNS')
ninebutton.grid(row=2,column=2,sticky='EWNS')
moltiplicationbutton.grid(row=2,column=3,sticky='EWNS')
#   quarta riga
fourbutton=Button(keyboard,padx=5,pady=5,text="4")
fivebutton=Button(keyboard,padx=5,pady=5,text="5")
sixbutton=Button(keyboard,padx=5,pady=5,text="6")
minusbutton=Button(keyboard,padx=5,pady=5,text="-")

fourbutton.grid(row=3,column=0,sticky='EWNS')
fivebutton.grid(row=3,column=1,sticky='EWNS')
sixbutton.grid(row=3,column=2,sticky='EWNS')
minusbutton.grid(row=3,column=3,sticky='EWNS')






#   quinta riga
onebutton=Button(keyboard,padx=5,pady=5,text="1")
twobutton=Button(keyboard,padx=5,pady=5,text="2")
threebutton=Button(keyboard,padx=5,pady=5,text="3")
plusbutton=Button(keyboard,padx=5,pady=5,text="+")

onebutton.grid(row=4,column=0,sticky='EWNS')
twobutton.grid(row=4,column=1,sticky='EWNS')
threebutton.grid(row=4,column=2,sticky='EWNS')
plusbutton.grid(row=4,column=3,sticky='EWNS')


#   sesta riga
signbutton=Button(keyboard,padx=5,pady=5,text="±")
zerobutton=Button(keyboard,padx=5,pady=5,text="0")
commabutton=Button(keyboard,padx=5,pady=5,text=",")
resultbutton=Button(keyboard,padx=5,pady=5,text="=")

signbutton.grid(row=5,column=0,sticky='EWNS')
zerobutton.grid(row=5,column=1,sticky='EWNS')
commabutton.grid(row=5,column=2,sticky='EWNS')
resultbutton.grid(row=5,column=3,sticky='EWNS')



root.mainloop()

这是我的计算器的图片:

如何调整 keyboard framebuttons 的大小以匹配根 window 的边界?

Question: Tkinter button expand using grid

TkDocs: The Grid Geometry Manager Handling Resize


You are configure only the root to grow:

root.grid_columnconfigure(0, weight=1)
root.grid_rowconfigure(0, weight=1)

如果有额外的空间,您还必须将 keyboard 框架配置为 增长,添加:

keyboard.grid_columnconfigure(0, weight=1)
keyboard.grid_rowconfigure(0, weight=1)

您必须配置 每个 keyboard row/columnweight=1

You don't set the keyboard frame to expand

keyboard.grid(row=0,column=0)

改为

keyboard.grid(row=0,column=0, sticky=NSEW)

工作示例:

root=Tk()
root.geometry("500x500")
root.grid_columnconfigure(0, weight=1)
root.grid_rowconfigure(0, weight=1)
keyboard=Frame(root,padx=5,pady=5,bg="red")
keyboard.grid(row=0,column=0, sticky=NSEW)

for row, row_buttons in enumerate([['%', '√x', 'x²', '1/x'], ["C", "←", "÷"]]):
    keyboard.grid_rowconfigure(row, weight=1)
    for col, text in enumerate(row_buttons):
        keyboard.grid_columnconfigure(col, weight=1)
        Button(keyboard, padx=5, pady=5, text=text).grid(row=row, column=col, sticky='EWNS')

测试 Python:3.5 - TkVersion:8.6