Comience con la GUI de Raspberry Pi: 8 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:43

Entonces, tienes una Raspberry Pi y una idea genial, pero ¿cómo lo haces tan fácil como un teléfono inteligente para que tu usuario interactúe?

Crear una interfaz gráfica de usuario (GUI) es bastante fácil y, con un poco de paciencia, puede producir proyectos asombrosos.

Paso 1: Descripción general general

Una de las herramientas más poderosas que proporciona Raspberry Pi sobre otros micros, es la velocidad rápida y la facilidad con la que puede crear una interfaz gráfica de usuario (GUI) para su proyecto.

Una forma de lograr esto, especialidad si tiene una pantalla táctil completa (o una pantalla estándar y un dispositivo de entrada como un mouse), ¡se volvió increíble!

Para el propósito de este artículo, usaremos Python 3 con Tkinter:

Una potente biblioteca para desarrollar aplicaciones de interfaz gráfica de usuario (GUI) en Raspberry Pi en lo que respecta a los fabricantes.

Tkinter es probablemente el más utilizado con Python, y existen muchos recursos en Internet.

Paso 2: "Hola mundo" en Tkinter

Estamos usando una Raspberry Pi cargada con Raspbian Stretch OS.

Para ejecutar nuestras aplicaciones GUI de Tkinter. también podemos usar cualquier otro sistema operativo que tenga instalado Python.

Raspbian viene con Python 2, Python 3 y la biblioteca Tkinter instaladas.

Para comprobar qué versión tienes instalada, desde la terminal ejecuta:

python3 --versión

Cree un nuevo archivo llamado app.py e ingrese el código base que se muestra a continuación:

#! / usr / bin / python

from tkinter import * # importa el Tkinter lib root = Tk () # crea el objeto raíz root.wm_title ("Hello World") # establece el título de la ventana root.mainloop () # inicia el bucle GUI

Si no está utilizando un IDE, ejecute el siguiente comando en una terminal desde el directorio que contiene su código Python para ejecutar el programa.

python3 app.py

Paso 3: personalización de la ventana

Veamos ahora cómo personalizar esta ventana.

Color de fondo

root.configure (bg = "black") # cambia el color de fondo a "black"

o

root.configure (bg = "# F9273E") # usa el código de color hexadecimal

Dimensiones de la ventana

root.geometry ("800x480") # especifica la dimensión de la ventana

o

root.attributes ("- fullscreen", True) # establecido en pantalla completa

Tenga en cuenta que se quedará atascado en el modo de pantalla completa si no crea una forma de salir

# podemos salir cuando presionamos la tecla de escape

def end_fullscreen (evento): root.attributes ("- pantalla completa", Falso) root.bind ("", end_fullscreen)

Paso 4: Widgets en Tkinter

Tkinter incluye muchos widgets diferentes para ayudarlo a crear la interfaz de usuario más adecuada. Los widgets que puede usar incluyen: • cuadro de texto

• botones

• botón de verificación

• deslizador

• cuadro de lista

• boton de radio

• etc.

Ahora podemos agregar algunos widgets como texto, botones y entradas.

Agregar widgets

Etiquetas

label_1 = Label (root, text = "¡Hola, mundo!")

Sin embargo, antes de que sea visible en la ventana, debemos establecer su posición. Usaremos el posicionamiento de cuadrícula.

label_1.grid (fila = 0, columna = 0) # establecer la posición

Entrada de entrada

label_1 = Label (root, text = "¡Hola, mundo!", font = "Verdana 26 negrita, fg =" # 000 ", bg =" # 99B898 ")

label_2 = Etiqueta (raíz, texto = "¿Cuál es tu nombre?", altura = 3, fg = "# 000", bg = "# 99B898") entrada_1 = Entrada (raíz) # entrada entrada etiqueta_1.grid (fila = 0, columna = 0) etiqueta_2.grid (fila = 1, columna = 0) entrada_1.grid (fila = 1, columna = 1)

Botones

#Añadir un botón dentro de la ventana

Botón = Botón (raíz, texto = "Enviar") Botón.grid (fila = 2, columna = 1)

Paso 5: agregar lógica

Ahora tenemos un formulario simple, sin embargo, hacer clic en el botón no hace nada !!

Exploraremos cómo configurar un evento en el widget de botones y vincularlo a una función que se ejecuta al hacer clic.

Para este propósito, actualizaremos label_1 para mostrar "Hola + el texto ingresado en la entrada". Cuando selecciona el botón enviar.

Descargue el código a continuación y ejecútelo.

Paso 6: Control de LED

Hasta ahora, vemos cómo agregar un botón a la ventana y agregarle lógica para realizar la acción.

Ahora cambiaremos un poco el código. Así que crearemos un formulario y le agregaremos dos botones. Uno para encender / apagar el LED y el otro para salir del programa.

Nota: asegúrese de haber actualizado su Raspberry antes de comenzar, y que tiene la biblioteca GPIO instalada, abra la ventana de comandos e ingrese lo siguiente: la instalación de la biblioteca GPIO. Abra la ventana de comandos e ingrese lo siguiente:

$ sudo apt-get update

$ sudo apt-get install python-rpi.gpio python3-rpi.gpio

La construcción:

Piezas necesarias:

1 x frambuesa Pi 3

1 x LED

1 x resistencia de 330Ω

Construyendo el circuito:

Siga las fotos de arriba.

Preste atención a la orientación del LED y al pin donde está conectado (GPIO23).

Paso 7: Agregar controlador de servomotor

Pasaremos a algo que no sea un botón, también podemos usar varias entradas para controlar las salidas PWM (Modulación de ancho de pulso) de la Raspberry Pi.

Un servomotor es una gran opción ya que traduce una señal PWM en un ángulo.

La construcción:

Piezas necesarias:

1 x frambuesa Pi 3

1 x LED

1 x resistencia de 330Ω

1 x servomotor

Construyendo el circuito:

Siga el diagrama que se muestra arriba (LED conectado a GPIO 23, Servomotor conectado a GPIO 18).

Mira el video si te quedaste atascado.

Paso 8: Conclusión

¡Ahí tienes! ¡Avanza y conquista algunas ideas de UI increíbles!

Si tiene alguna pregunta, por supuesto, puede dejar un comentario.

Para ver más sobre mis trabajos, visite mi canal.

myYouTube

mi Twitter

myLinkedin

Gracias por leer este instructivo ^^ y que tengas un buen día. Nos vemos. Ahmed Nouira.