Tkinter: grille ou pack intérieur d'une grille?

La clé pour faire la mise en page est d'être méthodique, et d'utiliser le bon outil
pour l'emploi. Cela signifie aussi que, parfois, vous devez faire preuve de créativité.
Cela signifie que l'aide grid lors de la pose de choses dans un
grid, et à l'aide de pack lors de la pose les choses de haut en bas ou de
de gauche à droite.

L'autre clé est de groupe de votre mise en page de code ensemble. C'est beaucoup, beaucoup
plus facile de visualiser et de modifier la mise en page, quand tout est en un seul bloc
de code.

Dans votre cas, vous semblez avoir trois ou quatre zones distinctes, en fonction
sur la façon de compter. Si vous souhaitez utiliser grid, il sera plus facile à
combiner "menu supérieur" et "menu" en bas" dans un cadre, et la traiter
ensemble de cadre comme une cellule de tableau. On dirait que vous êtes déjà ce que,
ce qui est bon.

Donc, nous allons commencer avec ces principaux domaines:

self.menu_left.grid(row=0, column=0, rowspan=2, sticky="nsew")
self.some_title_frame.grid(row=0, column=1, sticky="ew")
self.canvas_area.grid(row=1, column=1, sticky="nsew") 
# you don't have a status bar in the example code, but if you
# did, this is where you would put it
# self.status_frame.grid(row=2, column=0, columnspan=2, sticky="ew")

Tout moment vous utilisez grid, vous devez donner au moins une rangée, et un
colonne positive de poids, de sorte que tkinter sait où à l'utiliser tout
l'espace non alloué. Habituellement, il est un widget qui est le "principal"
widget de. Dans ce cas, c'est la toile. Vous voulez vous assurer que le
de ligne et de colonne pour la toile a un poids de 1 (un):

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

remarque: l'utilisation de pack au lieu de grid serait vous faire économiser de deux lignes de code, depuis pack ne nécessite pas le jeu de poids la façon grid n'.

Ensuite, nous devons résoudre le problème de l'menus. Par défaut,
images ajuster leur contenu, c'est pourquoi l'ajout de l'étiquette
cassé votre disposition. Vous n'étiez pas dire tkinter quoi faire avec de l'espace supplémentaire, de sorte que les cadres réduit pour s'adapter, et de l'espace supplémentaire, n'étaient pas utilisés.

Puisque vous voulez "menu_upper" et "menu_lower" à
chaque action de 50% de l'espace, pack est la solution la plus simple. Vous pouvez
utilisation grid, mais il nécessite plus de lignes de code à ajouter la ligne et de la colonne de poids.

self.menu_left_upper.pack(side="top", fill="both", expand=True)
self.menu_left_lower.pack(side="top", fill="both", expand=True)

Ici est une version fonctionnement, avec la barre d'état. Remarquez comment il se comporte exactement comme il se doit lorsque vous redimensionnez la fenêtre:

import Tkinter as tk
class Example():
def __init__(self):
self.root = tk.Tk()
self.root.title("some application")
# menu left
self.menu_left = tk.Frame(self.root, width=150, bg="#ababab")
self.menu_left_upper = tk.Frame(self.menu_left, width=150, height=150, bg="red")
self.menu_left_lower = tk.Frame(self.menu_left, width=150, bg="blue")
self.test = tk.Label(self.menu_left_upper, text="test")
self.test.pack()
self.menu_left_upper.pack(side="top", fill="both", expand=True)
self.menu_left_lower.pack(side="top", fill="both", expand=True)
# right area
self.some_title_frame = tk.Frame(self.root, bg="#dfdfdf")
self.some_title = tk.Label(self.some_title_frame, text="some title", bg="#dfdfdf")
self.some_title.pack()
self.canvas_area = tk.Canvas(self.root, width=500, height=400, background="#ffffff")
self.canvas_area.grid(row=1, column=1)
# status bar
self.status_frame = tk.Frame(self.root)
self.status = tk.Label(self.status_frame, text="this is the status bar")
self.status.pack(fill="both", expand=True)
self.menu_left.grid(row=0, column=0, rowspan=2, sticky="nsew")
self.some_title_frame.grid(row=0, column=1, sticky="ew")
self.canvas_area.grid(row=1, column=1, sticky="nsew") 
self.status_frame.grid(row=2, column=0, columnspan=2, sticky="ew")
self.root.grid_rowconfigure(1, weight=1)
self.root.grid_columnconfigure(1, weight=1)
self.root.mainloop()
Example()

Sur une autre note: je vous encourage fortement à pas supprimer la possibilité pour l'utilisateur de redimensionner la fenêtre. Ils savent mieux que vous ce que leurs exigences sont. Si vous utilisez grid et pack correctement, le GUI redimensionner parfaitement.

Par la mise en au ligne:

menu_left_upper.grid_propagate(False) 

Entre vos menu_left_upper Cadre et menu_left_upper.mainloop()

Cela fonctionne:

Par défaut, un conteneur widget développe ou réduit à être juste assez grand pour tenir son contenu. Ainsi, lorsque vous appelez pack, il provoque le cadre de rétrécir. Cette fonctionnalité est appelée géométrie de propagation.

Pour la grande majorité des applications, c'est le comportement que vous souhaitez. Pour ces rares moments où vous voulez définir explicitement la taille d'un conteneur, vous pouvez désactiver cette fonctionnalité. Pour le désactiver, composez soit pack_propagate ou grid_propagate sur le conteneur (selon si vous êtes à l'aide de la grille ou le pack sur le conteneur), en lui donnant une valeur de False.

Voir le lien à la question de savoir d'où cela provient

Pour obtenir votre barre d'état, juste de mettre en œuvre un autre cadre et de la grille de la méthode:

status_bar_frame = Frame(root, bg="#dfdfdf")
status_bar_frame.grid(row=3, column=0, columnspan=2, sticky="we")
status_bar = Label(status_bar_frame, text="status bar", bg="#dfdfdf")
status_bar.pack()

Ensuite votre plan de travaille.
Espérons que cela aide 🙂

PS. Aussi pourquoi tous les self attributs?

EDIT:
POUR le travail que vous devez faire:

menu_left_upper = Frame(menu_left, width=225, height=225, bg="red")
menu_left_upper.grid_propagate(False)
menu_left_upper.grid(row=0, column=0)
# this label breaks the design   
test = Label(menu_left_upper, text="test", bg='red')
test.grid()

Mon résultat