“interfaces gráficas para python con...

57
“Interfaces Gráficas para Python con Tkinter” Rogelio Ferreira Escutia

Upload: others

Post on 19-Jun-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

“Interfaces Gráficas para Python con Tkinter”

Rogelio Ferreira Escutia

Page 2: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Crear una ventana

Page 3: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

3

Creando una ventana

.

Page 4: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Evitar modificar el tamaño de una ventana

Page 5: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

5

Evitar modificar el tamaño

.

resizable (se agrega antes del mainloop):

Page 6: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Agregar etiquetas (textos)

Page 7: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

7

Agregar etiquetas Label (se requiere importar ttk)

.

Page 8: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

8

Agregar etiquetas (método 2) Label (se requiere importar ttk)

.

Page 9: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Agregar botones

Page 10: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

10

Agregar botones Se agrega el botón:

Se le asigna una función para el manejo de su evento:

Nota: Las funciones deben agregarse antes del código principal que las manda llamar.

.

Page 11: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

11

Agregar botones Código completo:

.

Page 12: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

12

Agregar botones Ventana antes y después de generado el evento (click):

.

Page 13: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Cajas de texto

Page 14: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

14

Agregar una caja de texto Entry:

Modificamos la función del evento para que imprima el nombre que se acaba de preguntar:

.

Page 15: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

15

Agregar caja de texto Código completo:

.

Page 16: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

16

Agregar caja de texto Ventana antes y después de generado el evento (click):

.

Page 17: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Objeto activo

Page 18: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

18

Objeto activo

.

focus (se agrega antes del mainloop y nos define cual de los objetos de la interfaz gráfica estará activo cuando se arranque la interfaz:

Page 19: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Deshabilitar eventos

Page 20: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

20

Deshabilitar eventos

.

configure:

Page 21: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

21

Deshabilitar eventos

.

configure:No se puede hacer click en el evento

Page 22: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Listas desplegables

Page 23: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

23

Listas desplegables

.

Combobox:

Page 24: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

24

Listas desplegables

.

Combobox:

Page 25: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Botones de Control

Page 26: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

26

Botones de control

.

Checkbutton:

Page 27: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

27

Botones de control

.

Checkbutton:

Page 28: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Botones para opciones

Page 29: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

29

Botones para opciones

.

Radiobutton (variables para colores):

Page 30: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

30

Colores

.

Lista de colores reconocidos por TK:

Page 31: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

31

Botones para opciones

.

Radiobutton:

Page 32: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

32

Botones para opciones

.

Radiobutton:

Page 33: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

33

Botones para opciones

.

Radiobutton:

Rabiobutton (rojo seleccionado):

Page 34: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Cajas de texto(de varias líneas)

Page 35: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

35

Cajas de texto (varias líneas)

.

Importar librería:

Insertar caja de texto:

Page 36: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

36

Cajas de texto (varias líneas)

.

scrolledtext:

Page 37: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Caja de etiquetas

Page 38: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

38

Cajas de etiquetas

.

LabelFrame - Permite ubicar varios componentes dentro de un contenedor:

Page 39: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

39

Cajas de etiquetas

.

LabelFrame - Permite ubicar varios componentes dentro de un contenedor:

Page 40: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

40

Cajas de etiquetas

.

Para colocar la posición de inicio del contenedor:

Page 41: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Barra de Menús

Page 42: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

42

Barra de Menús

.

Importar biblioteca:

Crear Menú:

Page 43: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

43

Barra de Menús

.

Pantalla con menús:

Page 44: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

44

Barra de Menús

.

Menú con una opción y submenús:

Page 45: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

45

Barra de Menús

.

Menú con 2 opciones y línea divisoria:

Page 46: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

46

Barra de Menús

.

Menú con 2 opciones:

Page 47: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

47

Barra de Menús (salir)

.

Evento salir (se modifica el menú para el manejo del evento):

Se agrega la función para el manejo del evento

Page 48: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Pestañas

Page 49: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

49

Pestañas

.

Ventana con pestaña:

Page 50: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

50

Pestañas

.

Ventana con dos pestañas:

Page 51: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Cajas de Mensajes

Page 52: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

52

Cajas de mensajes

.

Importar librería para los mensajes (messagebox):

Page 53: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

53

Cajas de mensajes

.

Crear la barra de menús:

Page 54: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

54

Cajas de mensajes

.

Función para el manejo del evento:

Page 55: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

55

Cajas de mensajes

.

Page 56: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

56

Cajas de mensajes

.

Función para el manejo del evento:

Page 57: “Interfaces Gráficas para Python con Tkinter”sagitario.itmorelia.edu.mx/~rogelio/python_tkinter.pdf10 Agregar botones Se agrega el botón: Se le asigna una función para el manejo

Rogelio Ferreira Escutia

Instituto Tecnológico de MoreliaDepartamento de Sistemas y Computación

Correo: [email protected] [email protected]

Página Web: http://sagitario.itmorelia.edu.mx/~rogelio/http://www.xumarhu.net/

Twitter: http://twitter.com/rogeplusFacebook: http://www.facebook.com/groups/xumarhu.net/