Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Problemas con método .grid()
#1
Buenas:

Una pregunta. Como dice el título estoy teniendo problemas en colocar los "widgets" dentro de la ventana principal. Me separa dichos widgets de una manera exagerada a pesar de estar estos dentro de distintos frames y no utilizar ni padx ni pady.

Os mando una imagen. No entiendo porque se separan de esa manera los frames. Debería estar todo "pegados" unos junto a otros y sin embargo me los separa de esa manera tan exagerada. (Sobre todo la separación de la etiqueta con fondo amarillo con respecto al resto)

¿Alguna idea?

Y ya que estamos por si esto no tuviera solución, ¿sería posible mezclar distintos métodos en distintas ventanas es decir .pack() en una ventana y .grid() en otra?

Muchas Gracias de antemano.


Archivos adjuntos Miniatura(s)
   
Responder
#2
Hola. Recordá que el posicionamiento vía grid() trabaja con columnas y filas. Pareciera que tu etiqueta con fondo amarillo está ocupando tres columnas, viéndolo en comparación con los controles que están abajo, y en ese caso tiene sentido que aparezca centrado ya que es el comportamiento por defecto. Pero sin el código no puedo ayudarte mucho más. Sí es posible mezclar los distintos sistemas de posicionamiento.

Saludos
Responder
#3
(08-12-2019, 11:01 PM)Francisco escribió: Hola. Recordá que el posicionamiento vía grid() trabaja con columnas y filas. Pareciera que tu etiqueta con fondo amarillo está ocupando tres columnas, viéndolo en comparación con los controles que están abajo, y en ese caso tiene sentido que aparezca centrado ya que es el comportamiento por defecto. Pero sin el código no puedo ayudarte mucho más. Sí es posible mezclar los distintos sistemas de posicionamiento.

Saludos
Muchas Gracias.

No he puesto el código porque se me está yendo de las manos y es larguísimo. Lo tengo todo por defecto. Te mando una pequeña parte del código a ver si así te sirve de más ayuda. A mí lo único que se me ocurre es "forzar" al método .grid() a que use única y exclusivamente una fila y una columna independientemente del tamaño de la etiqueta y de la fuente.

Este es el código de los frame:

  1. self.frameappccd1 = ttk.Frame(self.appccd, style="Frames.TFrame")
  2. self.frameappccd1.grid(row=0, column=0)
  3.  
  4. self.frameappccd2 = ttk.Frame(self.appccd, style="Frames.TFrame")
  5. self.frameappccd2.grid(row=0, column=1)
  6.  
  7. self.frameappccd3 = ttk.Frame(self.appccd, style="Frames.TFrame")
  8. self.frameappccd3.grid(row=0, column=2)
  9.  
  10. self.frameappccd4 = ttk.Frame(self.appccd, style="Frames.TFrame")
  11. self.frameappccd4.grid(row=0, column=3)
  12.  
  13. self.frameappccd5 = ttk.Frame(self.appccd, style="Frames.TFrame")
  14. self.frameappccd5.grid(row=1, column=0)
  15.  
  16. self.frameappccd6 = ttk.Frame(self.appccd, style="Frames.TFrame")
  17. self.frameappccd6.grid(row=1, column=1)
  18.  
  19. self.frameappccd7 = ttk.Frame(self.appccd, style="Frames.TFrame")
  20. self.frameappccd7.grid(row=1, column=2)


El Código de las Etiquetas (Sobre todo la de fondo amarillo):

  1. self.labappccdcat = ttk.Label(self.frameappccd1, text='C.A.T', font=('DejaVu Sans Condensed', 12, 'bold'), relief='groove', borderwidth=5, background='light green', justify='center')
  2. self.labappccdcat.grid(row=0, column=0)
  3.  
  4. self.labappccdCAT = ttk.Label(self.frameappccd1, text=CAT, font=('DejaVu Sans Condensed', 20, 'bold'), relief='sunken', background='#EAFF92', borderwidth=2, foreground='dark blue')
  5. self.labappccdCAT.grid(row=1, column=0, pady=5)
  6.  
  7. self.alertaappccd = ttk.Label(self.frameappccd2, text='ALERTANTE', font=('DejaVu Sans Condensed', 12, 'bold'), relief='groove', borderwidth=2, background='light green')
  8. self.alertaappccd.grid(row=0, column=0)
  9.  
  10. self.talertaappccd = ttk.Label(self.frameappccd2, text='TLF.ALERTANTE', font=('DejaVu Sans Condensed', 12, 'bold'), relief='groove', borderwidth=2, background='light green')
  11. self.talertaappccd.grid(row=0, column=1)


Esta es una pequeña parte del código porque como ya digo es larguísimo.
Responder
#4
Vale chicos. SOLUCIONADO. (a medias)



Son tantas cosas en la cabeza para hacer la aplicación completa que muchas veces nos olvidamos de lo básico y cometo errores absurdos.



Tema de sticky en el frame con el método .grid().



Tan sencillo como añadir en los frames la posición de los widgets.

 
  1. self.frameappccd1 = ttk.Frame(self.appccd, style="Frames.TFrame")
  2.  
  3. self.frameappccd1.grid(row=0, column=0, sticky='nw')




Muchas gracias aún así porque tú respuesta me ha inspirado para encontrar la solución a medias.

La etiqueta con fondo amarillo ya aparece dónde tiene que estar o al menos dónde yo la quiero. Aún sigo con las las otras etiquetas para que se "peguen" a la derecha de la etiqueta con fondo amarillo.

Os mando imagen de como va quedando. (Si alguien tiene idea de como solucionar lo del resto de los frames......)

La solución definitiva viene haciendo muchos menos frames pero me gustaría saber si es posible dividir cada widget en un frame y como unirlos.


Archivos adjuntos Miniatura(s)
       
Responder
#5
Buenas reabro el tema por que ya es una cuestión de orgullo y me toca la moral.



No sé si es que con el método grid no se puede hacer o yo que soy muy torpe. He mirado mil soluciones en internet y ninguna soluciona el problema.



Os pongo un código sencillito:

  1. import tkinter as tk
  2.  
  3. from tkinter import ttk
  4.  
  5. from datetime import *
  6.  
  7. from tkinter import messagebox
  8.  
  9. import time
  10.  
  11. import calendar
  12.  
  13. import psycopg2
  14.  
  15. import threading
  16.  
  17. from threading import Timer
  18.  
  19. import os
  20.  
  21. import sys
  22.  
  23. import tkinter.font as tkfont
  24.  
  25. from functools import partial
  26.  
  27. import subprocess
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35. class Appprueba:
  36.  
  37.     
  38.  
  39.     def __init__(self):
  40.  
  41.        
  42.  
  43.         self.ventana = tk.Tk()
  44.  
  45.         self.ventana.title('FRAMES LAYOUT')
  46.  
  47.         self.ventana.geometry('700x150')        
  48.  
  49.  
  50.  
  51.         # FRAMES
  52.  
  53.  
  54.  
  55.         self.frame01 = ttk.Frame(self.ventana)
  56.  
  57.         self.frame01.grid(row=0, column=0, pady=5)         
  58.  
  59.        
  60.  
  61.         self.frame02 = ttk.Frame(self.ventana)
  62.  
  63.         self.frame02.grid(row=0, column=1, pady=5)
  64.  
  65.  
  66.  
  67.         self.frame03 = ttk.Frame(self.ventana)
  68.  
  69.         self.frame03.grid(row=1, column=0, pady=5)
  70.  
  71.  
  72.  
  73.         self.frame04 = ttk.Frame(self.ventana)
  74.  
  75.         self.frame04.grid(row=1, column=1, pady=5)
  76.  
  77.  
  78.  
  79.  
  80.  
  81.         # ENTRY         
  82.  
  83.        
  84.  
  85.         self.entry01 = ttk.Entry(self.frame01, width=35)
  86.  
  87.         self.entry01.grid(row=0, column=0, padx=5, pady=5)
  88.  
  89.  
  90.  
  91.         # BUTTONS
  92.  
  93.  
  94.  
  95.         self.button01 = ttk.Button(self.frame02, text='PRUEBA')
  96.  
  97.         self.button01.grid(row=0, column=0, sticky=tk.W)
  98.  
  99.  
  100.  
  101.         # LABEL
  102.  
  103.  
  104.  
  105.         self.label01 = ttk.Label(self.frame03, text='ETIQUETA SUPERLARGA', relief='raised', anchor=tk.CENTER, font=("DejaVu Sans Condensed",12,'bold'))
  106.  
  107.         self.label01.grid(row=0, column=0, ipadx=5, sticky=tk.W)
  108.  
  109.  
  110.  
  111.         self.label02 = ttk.Label(self.frame04, text='ETIQUETA AÚN MUCHO MÁS SUPERLARGA', relief='raised', anchor=tk.CENTER, font=("DejaVu Sans
  112.  
  113.         Condensed",12,'bold'))
  114.  
  115.  
  116.  
  117.         self.label02.grid(row=0, column=0)
  118.  
  119.  
  120.  
  121.  
  122.  
  123.         self.ventana.mainloop()
  124.  
  125.  
  126.  
  127.  
  128.  
  129. def main():
  130.  
  131.      my_app = Appprueba()
  132.  
  133.  
  134.  
  135. if __name__ == '__main__':
  136.  
  137.      main()


Bueno, soy incapaz de hacer que el botón aparezca pegado al entry. No hay manera. Tampoco puedo hacer que la etiqueta 02 aparezca "pegada" la etiqueta 01.
He probado con grid_propagate(), grid_resize(), grid_rowconfigure() o grid_columnconfigure() y nada de nada. Ya digo es una cuestión de orgullo porque me toca la moral. El grid_propagate(False), en principio parece que funciona pero desgraciadamente quita los widgets que hay dentro.

Parece que los frames adquieren el tamaño de los widgets que tienen dentro pero el problema es que todos los widgets que añades en distinta fila adquieren dicho tamaño y no encuentro la manera de solucionarlo.

Esto es lo que quiero llegar a poder hacerSadEs una imagen hecha con gimp pero da una idea de lo que quiero)


Archivos adjuntos Miniatura(s)
   
Responder
#6
Hola, ¿cómo estás?

Tené en cuenta este código:

  1. self.button01 = ttk.Button(self.frame02, text='PRUEBA')
  2. self.button01.grid(row=0, column=0, sticky=tk.W)


Acá le estás diciendo a Tk que button01 tiene que pegarse a la izquierda (tk.W = West = Oeste) del control padre, que es frame02. Eso efectivamente está ocurriendo, pero frame02 tiene prácticamente el mismo tamaño que button01, por lo que el resultado es imperceptible. Lo que querés que se pegue a tu caja de texto es en realidad tu frame02, así que deberías cambiar:

  1. self.frame02.grid(row=0, column=1, pady=5)


por:

  1. self.frame02.grid(row=0, column=1, pady=5, sticky=tk.W)


Como sea, no veo por qué debes crear un frame por cada widget, eso no es para nada necesario.

Saludos!
Responder
#7
MUCHAS GRACIAS Francisco.
Responder
#8
que buen tema
Responder


Salto de foro:


Usuarios navegando en este tema: 1 invitado(s)