Eu tenho um aplicativo tkinter com três áreas horizontais principais:
- cabeçalho
- uma série de rótulos e entradas
- uma fileira de botões
O aplicativo funciona perfeitamente quando redimensiono a janela horizontalmente:
- o cabeçalho permanece no centro
- as entradas se expandem para preencher o espaço alocado
- o botão Salvar permanece à esquerda e o botão Cancelar à direita
Mas quando redimensiono verticalmente fico feliz porque:
- o cabeçalho permanece no topo
- os botões ficam na parte inferior
Mas eu gostaria que as entradas se espalhassem de forma proporcional para preencher o espaço restante, em vez de se aglomerarem no centro. Isso é possível?
import tkinter as tk
from tkinter import ttk
PAD = 5
def _header_frame(container):
frame = ttk.Frame(container)
frame.grid(row=0, column=0)
header = ttk.Label(frame, text='Header', font=('Arial', 16))
header.grid(row=0, column=0, columnspan=2, sticky=tk.EW, padx=PAD)
def _main_frame(container):
frame = ttk.Frame(container, style='red.TFrame')
frame.grid(row=1, column=0, sticky=tk.EW)
frame.rowconfigure(0, weight=1)
frame.rowconfigure(1, weight=10)
frame.rowconfigure(2, weight=1)
frame.columnconfigure(0, weight=1)
frame.columnconfigure(1, weight=5)
label = ttk.Label(frame, text='label 1')
label.grid(row=0, column=0, sticky=tk.NE, padx=PAD)
entry = ttk.Entry(frame)
entry.grid(row=0, column=1, sticky=tk.EW, padx=PAD)
padding = ttk.Label(frame, text='')
padding.grid(row=1, column=0)
label = ttk.Label(frame, text='label 2')
label.grid(row=2, column=0, sticky=tk.SE, padx=PAD)
entry = ttk.Entry(frame)
entry.grid(row=2, column=1, sticky=tk.EW, padx=PAD)
padding = ttk.Label(frame, text='')
padding.grid(row=3, column=0)
label = ttk.Label(frame, text='label 3')
label.grid(row=4, column=0, sticky=tk.SE, padx=PAD)
entry = ttk.Entry(frame)
entry.grid(row=4, column=1, sticky=tk.EW, padx=PAD)
def _button_frame(container) -> None:
"""Create button row."""
frame = ttk.Frame(container)
frame.grid(row=3, column=0, sticky=tk.EW, padx=PAD, pady=PAD)
frame.columnconfigure(0, weight=1)
frame.columnconfigure(1, weight=10)
frame.columnconfigure(2, weight=1)
process_button = ttk.Button(
frame,
text='Save',
)
process_button.grid(row=0, column=0, sticky=tk.W)
padding = ttk.Label(frame, text='')
padding.grid(row=0, column=1)
quit_button = ttk.Button(frame, text='Quit', command=dismiss)
quit_button.grid(row=0, column=2, sticky=tk.E)
def dismiss():
root.grab_release()
root.destroy()
root = tk.Tk()
# style = ttk.Style()
# style.configure('TFrame', background='yellow')
# style.configure('blue.TFrame', background='blue')
# style.configure('green.TFrame', background='green')
# style.configure('red.TFrame', background='red')
root.rowconfigure(0, weight=1)
root.rowconfigure(1, weight=10)
root.rowconfigure(2, weight=1)
root.columnconfigure(0, weight=1)
_header_frame(root)
_main_frame(root)
_button_frame(root)
root.mainloop()
Primeiro, você precisa configurar a linha 1 da janela raiz para aderir a todas as quatro bordas do espaço alocado a ela.
Em seguida, se quiser que as linhas sejam espalhadas, você precisará atribuir o mesmo peso diferente de zero a cada linha.
Por último, você pode querer remover o preenchimento personalizado do rótulo e da entrada, já que o preenchimento acontecerá automaticamente, embora você possa mantê-lo se desejar preenchimento extra. Além disso, você precisa ajustar o
sticky
valor para que seja o mesmo ou removê-lo completamente. Você também pode remover os rótulos extras usados para preenchimento.Pessoalmente, acho que os problemas de layout são mais fáceis de resolver quando todo o código do layout está junto. O resultado final é assim:
Aqui está uma captura de tela com a janela expandida de seu tamanho original para que você possa ver como os widgets estão espaçados uniformemente.