La causa de que no se muestre el formulario se debe a que no puedes mezclar en Tkinter los métodos grid
y pack
sobre una misma ventana principal. En tu caso creas frame
y usas pack
para posicionarlo dentro de la ventana principal pero luego, sobre esa misma ventana principal, se crea el formulario (form = Formulario(raiz,...))
, pero Campo
posiciona usando grid
.
En lo relativo a agregar fondos en Tkinter por norma general vamos a diferenciar dos casos:
Color sólido: En este caso basta con usar el atributo background o bg (son lo mismo) tal y como haces tu en aquellos wigets que lo soporten. Esto lo puedes hacer al instanciar o usando el método configure
. El color se pasa o bién mediante su nombre (dentro de los nombres reconocidos por Tkinter) o usando el valor RGB en hexadecimal:
import Tkinter as tk # Python 2
#import tkinter as tk # Python 3
top_frame = tk.Frame(root, bg='black') # Usando nombre
top_frame = tk.Frame(root, bg="#FFB266") # Usando valor RGB
top_frame.configure(bg='red') #Lo mismo pero usando el método configure
Usando imágenes o degradados: En estos casos lo anterior no vale. La cosa se complica bastante más, en comparación a frameworks más complejos como Kivy, Qt o Gtk. Necesitamos cargar la imagen y usar generalmente un Canvas
o un Label
para agregarla. Posteriormente podemos usar el widget como base (Canvas) o posicionarlo al fondo del que tengamos mediante el método place
o pack
. Usando un Canvas
podemos crear degradados de fondo si nos interesa.
A la hora de cargar la imagen podemos usar la clase PhotoImage
si nuestra imagen tiene el formato GIF o PGM/PPM:
import Tkinter as tk # Python 2
#import tkinter as tk # Python 3
root = tk.Tk()
root.resizable(0, 0)
# Esta referencia debe mantenerse mientra necesitemos el fondo
background_image = tk.PhotoImage(file=r"/ruta/imagen.png")
w = background_image.width()
h = background_image.height()
root.geometry("{}x{}+{}+{}".format(w, h, 0, 0))
background_label = tk.Label(root, image=background_image)
background_label.pack(side='top', fill='both', expand='yes')
root.mainloop()
Si la imagen tiene otro formato necesitamos cargarla usando PIL (solo Python 2) o, mejor, su fork actualizado Pillow (Python 2 y Python 3). Para esto primero hay que instalar la biblioteca como es lógico (por ejemplo mediante pip:
$ python -m pip install pillow
Ejemplo:
import Tkinter as tk # Python 2
#import tkinter as tk # Python 3
from PIL import Image, ImageTk
root = tk.Tk()
root.resizable(0, 0)
image = Image.open (r"ruta/a/imagen")
# Esta referencia debe mantenerse mientra necesitemos el fondo
background_image = ImageTk.PhotoImage(image)
w = background_image.width()
h = background_image.height()
root.geometry("{}x{}+{}+{}".format(w, h, 0, 0))
background_label = tk.Label(root, image=background_image)
background_label.pack(side='top', fill='both', expand='yes')
root.mainloop()
Otro problema es que el fondo no cambia de tamaño si la ventana lo hace, deberemos implementar esta funcionalidad por nosotros mismos. Lo más simple, es crear una clase que herede de Frame
y añadir la opción de una imagen de fondo por defecto y los métodos para que se reescale de forma automática:
import Tkinter as tk # Python 2
#import tkinter as tk # Python 3
from PIL import Image, ImageTk
class BFrame(tk.Frame):
def __init__(self, master, img, *args):
tk.Frame.__init__(self, master, *args)
self.imagen = Image.open(img)
self.copia_imagen= self.imagen.copy()
self.imagen_de_fondo = ImageTk.PhotoImage(self.imagen)
self.fondo = tk.Label(self, image=self.imagen_de_fondo)
self.fondo.place(x=0, y=0, relwidth=1, relheight=1)
self.fondo.bind('<Configure>', self._redimensionar)
def _redimensionar(self,event):
ancho = event.width
alto = event.height
self.imagen = self.copia_imagen.resize((ancho, alto))
self.imagen_de_fondo = ImageTk.PhotoImage(self.imagen)
self.fondo.configure(image = self.imagen_de_fondo)
El widget se instancia pesándole el padre y la ruta de la imagen de fondo:
frame = BFrame(root, 'C/:Imágenes/fondo.jpg')
Su uso es igual que cualquier Frame
. Al usar place
podemos usar posteriormente grid
o pack
para posicionar los widgets de forma indistinta.
Te dejo un ejemplo muy simple usando tu código. La ventana principal tiene un fondo sólido mientras que el formulario tiene una imagen de fondo usando la clase BFrame
anterior:
#!/usr/bin/env python
# -*- coding: utf-8 -*-
##### Python 2 #####
import Tkinter as tk
import ttk
'''
##### Python 3 #####
import tkinter as tk
from tkinter import ttk
'''
from PIL import Image, ImageTk
"""
TkForm - Formularios en Tkinter con tk.Entry y ttk.Combobox
Copyleft 2014, Carlos Zayas Guggiari <[email protected]>
"""
class Campo(object):
"""Clase para definir cada campo del formulario."""
def __init__(self, padre, linea, etiqueta, tipo, valor, modo=False):
self.padre = padre
self.linea = linea
self.etiqueta = etiqueta
self.valor = tk.StringVar()
self.etiqueta = tk.Label(padre, text=etiqueta)
self.etiqueta.grid(column=0, row=linea)
tipos = {'combobox': self.combobox,
'entry': self.entry}
tipos[tipo](valor, modo)
def entry(self, valor, modo=False):
self.ent = tk.Entry(self.padre, textvariable=self.valor)
self.valor.set(valor)
self.ent.grid(column=1, row=self.linea)
def combobox(self, valor, modo=False):
estado = 'readonly' if modo else 'normal'
self.box = ttk.Combobox(self.padre,
textvariable=self.valor,
state=estado)
self.box['values'] = valor
self.box.current(0) # Selecciona el primer elemento de la tupla.
self.box.bind("<<ComboboxSelected>>", self.combobox_elegir)
self.box.grid(column=1, row=self.linea)
def combobox_elegir(self, evento):
self.valor.set(self.box.get())
class Formulario(object):
"""Clase para definir un conjunto de campos."""
def __init__(self, padre, campos):
self.padre = padre
self.campos = {}
self.guardar = False
linea = 0
for campo in campos:
etiqueta, tipo, valor, modo = campo
self.campos[etiqueta] = Campo(padre, linea,
etiqueta, tipo, valor, modo)
linea += 1
self.btnacep = tk.Button(padre, text="Aceptar", command=self.aceptar)
self.btncanc = tk.Button(padre, text="Cancelar", command=self.cancelar)
self.btnacep.grid(column=1, row=linea, sticky='W')
self.btncanc.grid(column=1, row=linea, sticky='E')
def aceptar(self):
self.guardar = True
self.padre.destroy()
def cancelar(self):
self.padre.destroy()
class BFrame(tk.Frame):
def __init__(self, master, img, *args):
tk.Frame.__init__(self, master, *args)
self.imagen = Image.open(img)
self.copia_imagen= self.imagen.copy()
self.imagen_de_fondo = ImageTk.PhotoImage(self.imagen)
self.fondo = tk.Label(self, image=self.imagen_de_fondo)
self.fondo.place(x=0, y=0, relwidth=1, relheight=1)
self.fondo.bind('<Configure>', self._redimensionar)
def _redimensionar(self,event):
ancho = event.width
alto = event.height
self.imagen = self.copia_imagen.resize((ancho, alto))
self.imagen_de_fondo = ImageTk.PhotoImage(self.imagen)
self.fondo.configure(image = self.imagen_de_fondo)
class MyApp():
def __init__(self, raiz):
raiz.geometry('1364x700+0+0')
#Fondo sólido (puedes usar los valores rgb en hexadecimal)
raiz.configure(bg = "#FFB266")
raiz.title('Dr. Juan Suarez')
form_frame = BFrame(raiz, "fondo.jpg")
form_frame.pack(fill=tk.BOTH, padx=100, pady = 100, expand=True)
form = Formulario(form_frame, [["Nombre", "entry", "", False],
["Direccion", "entry", "", False],
["CC:","entry","", False],
["Tipo", "combobox", ['O+', 'O-','B', 'AB','A-','A+'], True],
["Numero", "entry", "(+57)", False]
])
if __name__ == '__main__':
raiz = tk.Tk()
app = MyApp(raiz)
raiz.mainloop()
Ejemplo en funcionamiento:
Si no quieres esos labels con su propio fondo(que sean transparentes) tenemos otro problema que merece otra pregunta. Tkinter no soporta labels con fondo transparente. Para colocar texto y que de fondo se vea el fondo del widget padre hay que olvidarse de Label
y recurrir a Canvas
.
Aviso: Usar from Tkinter import *
es una mala práctica en Python (importar módulos de esta forma es peligroso en proyectos grandes, ineficiente en uso de memoria y dificulta la lectura del código por terceros). Usa import Tkinter as tk
en su lugar.
Importante: las variables que almacena la imagen deben mantenerse vivas y haciendo referencia a la imagen mientras el fondo deba mostrarse. Tkinter no crea una referencia a la imagen, por lo que si la variable donde cargamos nuestra imagen es destruida por el GC el fondo queda en blanco.
grid
ypack
sobre una misma raiz. En tu caso creasframe
y usaspack
para posicionarlo dentro de la ventana principal. Sobre esa mism a ventana principal se crea el formulario (form = Formulario(raiz,...)
) , peroCampo
posiciona usandogrid
. Este es el error que hay, para poder ayudarte más deberias explicar cual debe ser el comportamiento de tu app. Saludos.