Frames en Tkinter, tutorial 2.

Hola a tod@s de nuevo, esta vez voy a seguir hablando sobre Tkinter, ayer hicimos una pequeña "toma de contacto" con el nuevo módulo explicando como crear una ventana y como cambiarle el título, hoy explicaré como crear Frames, botones, cuadros de texto...

Supongo que si estáis mirando este post, es por que leísteis ayer el anterior artículo, ya que es imprescindible para seguir este tutorial, en caso negativo leed lo.

Frames (Marcos):

Los Frames, son un método para organizar y dar formato al contenido de una ventana gráfica, para entenderlo, imaginad que son como "cajas",

uno puede tener distintas cajas en las cuales se van metiendo cosas según su tipo. Para los que sepáis diseño web en Html, xHtml, PhP..., es el equivalente a un "<div>".

Para crearlos se usa la siguiente sintaxis:

mi_frame=Frame(parent)

Donde "parent" es el nombre de la ventana o Frame que lo contiene (un frame puede contener otro frame, tal como pasa con un "<div>")

Botones:

Los botones, como su propio nombre lo indica, son pequeños objetos que detectan la pulsación, vamos, los de toda la vida. Para crearlos, se usa la siguiente sintaxis:

Button(parent, opcion1="valor1", opcion2="valor2"...)

Ahora que ya sabemos crear Frames y botones, vamos a crear un Frame que contenga 3 botones, se crearía de la siguiente manera:

 

f1=Frame(ventana)

b1=Button(f1, text="agregar", bg="yellow")

b2=Button(f1, text="borrar", bg="blue")

b3=Button(f1, text="salir", bg="red")

b1.pack(side="left")

b2.pack(side="left")

b3.pack(side="left")

f1.pack()

Como veis, el "parent" de los botones, no es la ventana, si no el Frame que lo contiene, los argumentos "text" y "bg", sirven para establecer el texto y el color del fondo del botón respectiva mente. Cuando empaquetamos los botones, os habréis dado cuenta de que usamos (side="left"), esto sirve, para que en vez de posicionar se uno encima de otro, se agrupen "flotando" a la izquierda uno detrás de otro, en "Css" es el equivalente a un "float: left", y ya por último, decir que los Frames, al igual que todo elemento de Tkinter debe ser empaquetado con el método "pack()".

Listas:

Para crear una lista de elementos se usa el método Listbox de Tkinter, la sintaxis es muy sencilla:

mi_lista=Listbox(parent, height=número de elementos)

Así que manos a la obra, vamos a crear un Frame que contenga una lista:

f2=Frame(ventana)

lista=Listbox(f2, height=5)

lista.insert(END, "primer elemento")

lista.insert(END, "segundo elemento")

lista.insert(END, "tercer elemento")

lista.insert(END, "cuarto elemento")

lista.insert(END, "quinto elemento")

lista.pack()

f2.pack()

El método "insert", sirve para introducir elementos a la lista, se le pasa como primer argumento el tipo de posicionamiento deseado, en este caso, se posiciona al final, provocando que se muestren uno debajo del otro, y como segundo argumento el texto deseado.

Entrada de texto:

Ya por último me falta comentar como crear una entrada de texto, para que el usuario pueda escribir lo que el quiera, para ello usamos el método "Entry", al cual se le pasa como primer argumento el parent que lo contiene, y después las opciones deseadas como color de fondo, borde...

f3=Frame(parent)

mi_entrada=Entry(f3, bg="cyan")

mi_entrada.pack()

f3.pack()

Bueno, y hasta aquí llega el tutorial de hoy, espero que os haya gustado, mañana pasaremos a la parte lógica del programa, por que esto tan sólo es el diseño, hasta mañana y un abrazo a tod@s.