Tutorial Tkinter
Nombre: Vázquez Mata Leonardo Emmanuel Grado y Grupo: 3°P Espacialidad:
Programación
Sección 1. Fundamentos de Tkinter
Tkinter, ¡Hola, mundo!
Creación de una ventana: “Creación de una ventana”
código:
Resultado.
Visualización de una etiqueta: “Hola, Mundo”
Código: Resultado:
Ventana Tkinter
Cambiar el título de la ventana: “Cambiar el título a la ventana”
Código: Resultado:
Cambiar el tamaño y ubicación de la ventana: “Cambiar el
tamaño de la ventana y
posición”
Código:
Resultado:
Código:
Resultado:
Comportamiento de cambio de tamaño: “Programa de cómo
hacer que la ventana con un tamaño fijo”
Código: Resultado:
Transparencia: “Crear una
ventana transparencia”
Código: Resultado:
Orden
de
apilamiento de ventanas: “Colocar la ventana sobre todas las
demas ventanas”
Código: Resultados:
Cambiar el icono predeterminado: “Cambiar el icono
predeterminado”
Código: Resultado:
Widgets temáticos de Tk
Widgets temáticos de Tk: “Crear
etiquetas clasicas y temáticas”
Código:
Resultado:
Configuracion de opciones para un widget
1) Usar el constructor del widget al crear el widget
Código: Resultado:
2) Usar un índice de diccionario después de la creación del
widget
Código: Resultado:
3) Usar el método config() con argumentos de palabras clave
Código:
Resultado:
Enlace de comandos
Introducción al enlace de comando
en Tkinter: “Asociar la función de
devolución de llamada”
Código: Resultado:
Argumentos del comando botón en Tkinter: “pasar un
argumento a la función de devolución de llamada asociada con
el comando button”
Código:
Resultado:
Enlace de eventos
Vincular la función al evento de
pulsación de tecla del botón
Código: Resultado:
Registrar varios controladores para el
mismo evento
Código: Resultado:
Enlazar eventos desde la ventana raíz:
Código: Resultado:
Niveles de encuadernación:
“Vincular un evento a todas las
instancias”
Código: Resultado:
Desvincular eventos
Código:
Resultado:
Et
i queta
Visualización de una etiqueta
normal
Código: Resultado:
Establecer una fuente específica
para la etiqueta
Código: Resultado:
Visualización de imagen con texto
Código: Resultado:
Visualización de imagen
Código:
Resultado:
Botón
Devolución de llamada de comando
código: Resultado:
Estados de los botones: “el boton se
desactiva y activa nuevamente cada
vez que se hace clic”
código:
Resultado:
1. Ejemplo simple de botón:
“mostrar tanto el texto como
la imagen de un botón”
Código:
Resultado:
2. Ejemplo botón de descarga
código: Resultado:
3.
Mostrar un botón de imagen
código: Resultado:
Entradas
Mostración de Entrada de contraseña: “Crear una entrada de
contraseña.”
código:
Resultado:
Formulario de inicio de sección: usar
la entrada para crear un formulario
de inicio de sesión
código:
Resultado:
Sección 2. Gestión de diseño
Paquete/Pack
Parámetros del paquete: cómo funciona el gestor de geometria
del paquete
Código:
Resultado:
Lado: establece los lados
en que se organizan las
etiquetas
Código:
Resultado:
Expandir: “Programa que coloca
los etiqueta verticalmente”
Código:
Resultado:
Llenar: cómo funciona el parámetro
fill
Código:
Resultado:
Acolchados internos: ipadx y ipady: los parámetros para
establecer los rellenos internos
Código: Resultado:
Acolchados externos: padx y pady
Código pady: Resultado
pady:
Código padx: Resultado
padx:
Ancla: Programa que muestra widgets que usan el anchor
Código: Resultado:
Formulario de Inicio de Sesión: Programa de crear un formulario
de inicio de sesión
Código:
Resultado:
Cuadrícula/Grid
Gestor de Geometría de Cuadricula: Programa un formulario de
inicio de sesión completa.
Código:
Resultado:
Gestor de Geometría de
Cuadricula Orientada a Objetos
Código:
Resultado:
Lugar/Place
Posicionamiento absoluto
Código:
Resultado:
Posicionamiento relativo
Código:
Resultado:
Usar el punto de anclaje
Código: Resultado:
Tamaño del widget de Tkinter
Ancho 24 pixeles: Programa que establezca el ancho del widgtes
em 8 pero aumenta el tamaño de la
fuente a 24px
Código:
Resultado:
Métodos de Diseño: Programa con
mediante los métodos de diseño
Código: Resultado:
Sección 3. Widgets ttk y tkinter
Marco/Frame
Marcos: Programa Ejemplo con marcos
Código: Resultado:
Texto/Text
Texto: Ejemplo de crear un widget de texto con ocho filas
Código: Resultado:
Barra de deslizamiento/Scrollbar
Barra de deslizamiento: Ejemplo de
barra de deslizamiento
Código:
Resultado:
ScrolledText
ScrolledText: Ejemplo del widget ScrolledText
Código: Resultado:
Código Orientado a Objetos:
Resultado Orientado a Objetos:
Separator
Separador: Ejemplo de cómo utilizar el widget separar dos
etiquetas
Código: Resultado:
Checkbox
Casilla de verificación:
Ejemplo de Checkbox
Código:
Resultado:
Radio Button
Botón de radio: Ejemplo de cómo
utilizar los botones de radio.
Devuelve el tamaño seleccionado
cuando haga clic en el botón
Código:
Resultado:
Combobox
Cuadro combinado: crear
un widget de cuadro
combinado
Código: Resultado:
Cuadro combinado con el método set():Cuadro combinado y
utilizando el método set()
Código: Resultado:
ListBox
Listbox: cuadro de lista que tenga los lenguajes de
prohgramación. Al seleccionar uno o más elementos, el
programa muestra los seleccionados en un cuadro de texto.
Ademas, agregar una barra de deslizamiento
Código: Resultado:
PanedWindow
Paned Window: Como utilizar el widget para separar dos
widgets
Código:
Resultado:
Slider
Control deslizante: Como utilizar el widget de control deslizante
de Tkinter
Código: Resultado:
Spinbox
Pasos sencillos
Código: Resultado:
Pasos
discretos
Código: Resultado:
Sizegrip
Diseño de cuadricula: crea y muestra en la esquina inferior
derecha de la ventana utilizando el diseño de cuadricula
Código: Resultado:
Diseño del
lugar:
Muestra en la esquina inferior derecha de la ventana el método
place()
Código: Resultado:
Diseño del paquete: coloca en la esquina inferior derecha
utilizando el método pack()
Código: Resultado:
LabelFrame
Ejemplo de LabelFrame: Crear un widget que agrupa tres
botones de radio
Código: Resultado:
Especificar la posición de la etiqueta: ilustra las opciones de
anclaje de etiqueta
Código: Resultado:
Progressbar
Modo indeterminado: barra de
progreso en el modo
indeterminado
Código: Resultado:
Modo determinado: barra de progreso en el modo determinado
Código: Resultado:
Notebook
Bloc de notas: crear un bloc de notas con dos pestañas
Código: Resultado:
Treeview
Datos tabulares: Utilizar el Treeview para mostrar datos
tabulares
Código: Resultado:
Datos jerárquicos: Treeview en datos jeraquicos
Código: Resultado:
Canvas
Lienzo y las formas: Crear un lienzo y diferentes fromas
Código:
Resultado:
Cursors
Cambiar cursor: Cambiar el cursor seleccionado en un cuadro
combinado
Código:
Resultado:
Sección 4. Ejemplos de Tkinter
Ejemplo de Tkinter
Convertidor de temperatura de Farenheit a Celsius: aplicación
de Convertidor de temperatura
Código: Resultado:
Sección 5. Programación Orientada a Objetos con
Tkinter
Creación de una ventana orientada a objetos
Ventana orientada a objetos: ventana orientada a objetos que
consta de una etiqueta y un botón.
Código: Resultado:
Creación de un marco orientado a objetos
Marco orientada a objetos: Creación de una ventana reemplazar
Código: Resultado:
Desarrollo de una aplicación orientada a objetos Tkinter
completa
Convertidor de Temperatura a enfoque de programación
orientado a objetos
Código:
Resultado:
Cambio entre fotogramas
Método Frame Tkraise(): Ampliará la aplicación del convertidor
de temperatura agregando la conversión de una temperatura de
Celsius a Fahrenheit
Código:
Resultado:
Sección 6. Diálogos y menus
Visualización de un cuadro de mensaje
Cuadros de mensaje
Código: Resultado:
Visualización de un cuadro de diálogo sí/no
Askyesno(): La función Tkinter askyesno()
Código: Resultado:
Mostrar de un cuadro de dialogo Aceptar/Cancelar
Askokcancel():la función Tkinter askokcancel()
Código: Resultado:
Mostrar de un cuadro de dialogo Reintentar/Cancelar
Askretrycancel(): la función Tkinter askretrycancel()
Código: Resultado:
Mostrar un cuadro de dialogo Abrir archivo
Funciones del Cuadro de Dialogo: mostrar un cuadro de dialogo
Abrir archivos
Código:
Resultado:
Visualización del sector de color nativo
Selector de color: cuadro de dialogo del selector de color
Código: Resultado:
Menú
Creación de un menú:
creación de un menú
Código:
Resultado:
Menubutton
Creación de MenuButton:
Código:
OptionMenu
Creación de un OptionMenu: creación de un OptionMenu.
Cuando selecciones un artículo, se mostrará tu elección
Código:
Resultado:
Sección 7. Temas y estilos de Tkinter
Cambiar el tema ttk
Temas de ttk: muestra todos los temas de su sistema y le
permite cambiar un tema a otro
Código:
Resultado:
Modificación del estilo ttk
Estilos ttk: cambiar la
fuente de todos los
widgets y modificando
los estilos
Código: Resultado:
Comprensión de los elementos ttk
Elementos de ttk: cambiar la apariencia de un widget
Código: Resultado:
Modificación de la apariencia de un widget en función de
sus estados
Cambiar la apariencia de un widget dinámicamente con map():
cambie dinamicamente el color de primer plano del widget
boton
Código: Resultado:
Sección 8.
Programación
asíncrona de Tkinter
Programación de una
tarea con el método
after()
Método after(): reloj
digital con metodo after
Código: Resultado:
Desarrolllo de aplicaciones Tkinter multihilo
Thread aplicaciones: Programa que descargue una página web y
muestre su contenido
Código: Resultado:
Mostrar una barra de progreso mientras se ejecuta un
subproceso
Subprocesos: Crear un visor de imágenes que muestre una
imagen aleatoria
Código:
Resultado:
Sección 9. Programación avanzada de Tkinter
Tkinter MVC
Ejemplo de MCV: Programa que implementa un patrón de diseño
MVC
Código:
Resultado:
Validación de Tkinter
Ejemplo de Validación: Formulario que contenga una entrada de
correo electrónico
Código:
Resultado:
Tkinter y Matplotlib
Ejemplo con Matplotib: Programa que utiliza matplotlib para
crear un gráfico de barras
Código: Resultado:
Bandeja del sistema Tkinter
Ejemplo de bandeja del sistema: Creación de una aplicación de
bandeja del sistema mediante PyStray
Código:
Resultado:
