Tkinter 调整框架内框架的大小

Tkinter resizing frames inside frame

在 python 中,我使用 tkinter 模块来创建登录屏幕。它在正确位置上的所有小部件都可以正常运行,但唯一的问题是当我将屏幕拖出更大时,小部件的大小不会随着主 window 的大小而增加。

from tkinter import *

root = Tk()

f1 = Frame(root)
f1.grid(row=0, column=0, sticky='news')

enter = Frame(f1)

e1 = Entry(enter,font=('Consolas',15),width=25)
e1.insert(0,'E-mail')
e1.pack(pady=10)

e2 = Entry(enter,font=('',15),show='*',width=25)
e2.insert(0,'E-mail')
e2.pack(pady=20)
enter.grid(row=1,column=0,columnspan=3,padx=20,sticky='nsew')

loginframe = Frame(f1)
loginbutton = Button(loginframe,text='Login!',bg='lightblue',height=2,width=39)
loginbutton.pack()
loginframe.grid(row=2,column=0,columnspan=3,sticky='ew')

account = Frame(f1)
Label(account,text="Don't have an account yet?").pack(side=LEFT)
link = Label(account,text="Sign Up!",cursor='hand2',fg='blue',
               font=('Helvetica',8,'underline'))
link.pack(side=BOTTOM)

account.pack()
account.grid(row=3,column=0,columnspan=3)

root.mainloop()

默认的列和行不会改变大小,但您可以使用它来改变它。

columnconfigure(col_number, weight=1)
rowconfigure(row_number, weight=1)

如果您有两行 weight,那么 weight 较大的行调整大小的速度会更快。

我给框架添加了背景颜色,看看哪个仍然没有改变大小。

from tkinter import *

root = Tk()

root.columnconfigure(0, weight=1)
root.rowconfigure(0, weight=1)

f1 = Frame(root, bg='red')
f1.grid(row=0, column=0, sticky='news')

f1.columnconfigure(0 , weight=1)
f1.rowconfigure(1, weight=1)
#f1.rowconfigure(2, weight=1)

enter = Frame(f1, bg='green')
enter.grid(row=1, column=0,columnspan=3,padx=20, sticky='nsew')

loginframe = Frame(f1)
loginframe.grid(row=2,column=0,columnspan=3, sticky='ew')

e1 = Entry(enter,font=('Consolas',15),width=25)
e1.insert(0,'E-mail')
e1.pack(pady=10)

e2 = Entry(enter,font=('',15),show='*',width=25)
e2.insert(0,'E-mail')
e2.pack(pady=20)

loginbutton = Button(loginframe,text='Login!',bg='lightblue',height=2,width=39)
loginbutton.pack()

account = Frame(f1)
account.grid(row=3,column=0,columnspan=3)

Label(account,text="Don't have an account yet?").pack(side=LEFT)
link = Label(account,text="Sign Up!",cursor='hand2',fg='blue',
               font=('Helvetica',8,'underline'))
link.pack(side=BOTTOM)

root.mainloop()

调整大小前:

使用 columnconfigurerowconfigure 调整大小后 :

没有 columnconfigurerowconfigure