Cómo empacar un widget tkinter debajo de un widget existente que se ha empaquetado en el lado izquierdo?

Question

Estoy intentando escribir una GUI básica de Tkinter que tenga un widget Text en la parte superior, luego un widget Button alineado a la izquierda debajo de él, luego otro widget Text debajo del botón. El problema que tengo es que, después de empacar el widget Button a la izquierda, cuando voy a empacar el segundo widget Text, lo coloco junto al botón de la derecha, en lugar de debajo del botón. Esto ocurre independientemente de lo que establece el argumento side que para el segundo widget de Text He aquí un simple trozo de código que muestra este comportamiento:

from Tkinter import * 

root = Tk() 

w = Text(root) 
w.pack() 

x = Button(root, text="Hi there!") 
x.pack(side=LEFT) 

y = Text(root) 
y.pack(side=BOTTOM) 

root.mainloop() 

Entonces, ¿cómo hago para la creación de la segunda widget de Text para que aparezca debajo del botón, en lugar de a la derecha de la misma?

Answer 1

En general, existen dos soluciones a los problemas de Presentación:

1. interruptor para el uso de rejilla. Se vuelve realmente fácil hacer diseños como lo que estás tratando de lograr. Grid puede resolver probablemente el 95% de todos los problemas de diseño (es increíble cuando lo piensas - ¡Tk hace con un gerente lo que la mayoría de los toolkits necesitan media docena para lograr!)

2. usa varios marcos. Si algunos widgets necesitan apilarse de arriba a abajo y algunos de izquierda a derecha, no siempre se puede obtener lo que se desea empaquetando todo en un solo cuadro. Utilice un marco para las partes de arriba a abajo del diseño y marcos adicionales para el contenido de izquierda a derecha.

Además, tenga en cuenta que los widgets no tienen que ser elementos secundarios del widget en el que están empaquetados/grillados. Puede usar el parámetro "in" para colocar widgets en algún otro contenedor que no sea el principal.

Por ejemplo, en su ejemplo específico, puede crear tres marcos, arriba, medio, abajo. Empaque estos de arriba a abajo en su ventana de nivel superior. Luego puede empaquetar el primer widget de texto en la parte superior, el botón o los botones horizontalmente en el medio, y el otro widget de texto en la parte inferior.

La ventaja de este enfoque es que hace que sea mucho más fácil de cambiar el diseño en el futuro (que en mi experiencia siempre sucede en algún momento). No tiene que reaparecer ninguno de sus widgets, simplemente empaquételos/colóquelos en otro contenedor.

En su breve ejemplo, no hace mucha diferencia, pero para aplicaciones complejas, esta estrategia puede ser un salvavidas.

Mi mejor consejo es este: el diseño no es una idea de último momento. Haga un poco de planificación, tal vez incluso pase cinco minutos dibujando en papel cuadriculado. Primero decida sobre las principales regiones de su aplicación y use un marco o algún otro contenedor para cada una (ventana cuadrada, cuaderno, etc.). Una vez que tenga esos, haga el mismo enfoque de dividir y vencer para cada sección. Esto le permite usar diferentes tipos de diseño para diferentes secciones de su aplicación. Las barras de herramientas obtienen un diseño horizontal, los formularios pueden tener un diseño vertical, etc.

Answer 2

El embalaje ocurre en el orden en que se llaman los métodos .pack, por lo que una vez x ha "reclamado" el lado izquierdo, eso es - tomará la parte izquierda de su elemento primario y todo lo demás dentro de es lo correcto. Se necesita un marco de "mediar", por ejemplo ...:

from Tkinter import * 

root = Tk() 

w = Button(root, text="Mysterious W") 
w.pack() 

f = Frame(root) 
x = Button(f, text="Hi there!") 
x.pack() 

y = Button(f, text="I be Y") 
y.pack(side=BOTTOM) 

f.pack(side=LEFT) 

root.mainloop() 

(Textos cambiado a los botones para una mayor visibilidad inmediata de la disposición única - el Tkinter en este Mac no muestra textos claramente hasta que tengan enfoque , pero los botones son bastante claros ;-).

Answer 3

Al principio no entendía cómo funcionaba el embalaje y no me di cuenta de que todo el lado izquierdo estaba siendo "reclamado" cuando lo hice x.pack(side=LEFT). Lo que encontré después de leer this y la respuesta de Alex aquí es que no estaba realmente después de tener x empaquetado en el lado izquierdo, sino tener anclado a la izquierda, usando anchor=W (W para Oeste) en lugar de side=LEFT . Mi fragmento de código revisado que hace lo que yo estaba después se ve así:

from Tkinter import * 

root = Tk() 

w = Text(root) 
w.pack() 

x = Button(root, text="Hi there!") 
x.pack(anchor=W) 

y = Text(root) 
y.pack(side=BOTTOM) 

root.mainloop() 

De esta manera x no es "afirmando que" el lado izquierdo más, es sólo alineado a la izquierda (u Oeste) dentro de su bloque de espacio.