Comenceu a utilitzar Raspberry Pi GUI: 8 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:14

Per tant, teniu un Raspberry Pi i una idea interessant, però, com podeu facilitar la interacció del vostre usuari amb un telèfon intel·ligent?

Construir una interfície gràfica d’usuari (GUI) és realment bastant fàcil i, amb certa paciència, podeu produir projectes sorprenents.

Pas 1: visió general

Una de les eines més potents que proporciona Raspberry Pi sobre altres micros és la velocitat i la facilitat ràpides per crear una interfície gràfica d'usuari (GUI) per al vostre projecte.

Una manera d’aconseguir-ho, especialment si teniu una pantalla tàctil completa (o una pantalla i un dispositiu d’entrada estàndard, com ara un ratolí), va ser increïble.

Als efectes d’aquest article, utilitzarem Python 3 amb Tkinter:

Una potent biblioteca per desenvolupar aplicacions d’interfície gràfica d’usuari (GUI), a Raspberry Pi, pel que fa als fabricants.

Tkinter és probablement el més utilitzat amb Python i hi ha molts recursos a Internet.

Pas 2: "Hello World" a Tkinter

Estem fent servir un raspberry Pi carregat amb Raspbian Stretch OS.

Per executar les nostres aplicacions GUI de Tkinter. també podem utilitzar qualsevol altre sistema operatiu que tingui instal·lat Python.

Raspbian ve amb Python 2, Python 3 i la biblioteca Tkinter instal·lats.

Per comprovar quina versió heu instal·lat, des de l'execució del terminal:

python3 --versió

Creeu un fitxer nou anomenat app.py i introduïu el codi base que es mostra a continuació:

#! / usr / bin / python

des de la importació de tkinter * # importa el lib de Tkinter root = Tk () # crea l'objecte root root.wm_title ("Hello World") # defineix el títol de la finestra root.mainloop () # inicia el bucle GUI

Si no utilitzeu un IDE, executeu l'ordre següent en un terminal del directori que conté el vostre codi Python per executar el programa.

python3 app.py

Pas 3: personalització de la finestra

Vegem ara com es pot personalitzar aquesta finestra.

Color de fons

root.configure (bg = "negre") # canvia el color de fons a "negre"

o bé

root.configure (bg = "# F9273E") # utilitzeu el codi de color hexadecimal

Dimensions de la finestra

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

o bé

root.attributes ("- pantalla completa", cert) # definit a pantalla completa

Tingueu en compte que us quedareu atrapats en mode de pantalla completa si no creeu la manera de sortir

# podem sortir quan premem la tecla d'escapament

def end_fullscreen (event): root.attributes ("- pantalla completa", fals) root.bind ("", end_fullscreen)

Pas 4: ginys a Tkinter

Tkinter inclou molts ginys diferents per ajudar-vos a crear la interfície d'usuari més adequada. Els ginys que podeu utilitzar inclouen: • quadre de text

• botons

• botó de comprovació

• control lliscant

• quadre de llista

• botó d'opció

• etc.

Ara podem afegir alguns ginys com ara text, botons i entrades.

Addició de ginys

Etiquetes

label_1 = Etiqueta (arrel, text = "Hola, món!")

Abans que sigui visible a la finestra, hem d’establir la seva posició. Utilitzarem el posicionament en quadrícula.

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

Entrada d’entrada

label_1 = Etiqueta (arrel, text = "Hola, món!", font = "Verdana 26 en negreta, fg =" # 000 ", bg =" # 99B898 ")

label_2 = Etiqueta (arrel, text = "Com es diu?", altura = 3, fg = "# 000", bg = "# 99B898") entry_1 = Entrada (arrel) # entrada d'entrada label_1.grid (fila = 0, columna = 0) label_2.grid (fila = 1, columna = 0) entry_1.grid (fila = 1, columna = 1)

• Botons

#Afegeix un botó a la finestra

Button = Button (root, text = "Enviar") Button.grid (fila = 2, columna = 1)

Pas 5: Afegir una lògica

Ara tenim un formulari senzill, però fer clic al botó no fa res !!

Explorarem com configurar un esdeveniment al widget de botons i vincular-lo a una funció que s'executa quan es fa clic.

Amb aquest propòsit, actualitzarem label_1 per mostrar "Hola + el text introduït a l'entrada". Quan seleccioneu el botó d'enviament.

Baixeu-vos el codi següent i executeu-lo.

Pas 6: control del LED

Fins ara veiem com afegir un botó a la finestra i afegir-hi lògica per tal de realitzar accions.

Ara canviarem una mica el codi. Per tant, crearem un formulari i hi afegirem dos botons. Un per encendre / apagar el LED i l’altre per sortir del programa.

Nota: Assegureu-vos que heu actualitzat el vostre gerd abans d’iniciar i que teniu la instal·lació de la biblioteca GPIO. Obriu la finestra d’ordres i introduïu la següent instal·lació de la biblioteca GPIO. Obriu la finestra d'ordres i introduïu el següent:

$ sudo apt-get update

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

La construcció:

Parts necessàries:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω resistència

Construint el circuit:

Segueix les fotos anteriors.

Presteu atenció a l'orientació del LED i al pin on estigueu connectat (GPIO23).

Pas 7: Afegir un controlador de servomotor

Passarem a una altra cosa que no sigui un botó, també podem utilitzar diverses entrades per controlar les sortides PWM (Pulse Width Modulation) des del Raspberry Pi.

Un servomotor és una gran opció perquè tradueix un senyal PWM en un angle.

La construcció:

Parts necessàries:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω resistència

1 x servomotor

Construint el circuit:

Seguiu l'esquema que es mostra més amunt (LED connectat a GPIO 23, servomotor connectat a GPIO 18).

Comproveu el vídeo si us heu quedat atrapats.

Pas 8: Conclusió

Aquí el teniu! Aneu a conquerir algunes idees d’interfície d’usuari increïbles.

Si teniu alguna pregunta, és clar, podeu deixar un comentari.

Per veure més informació sobre les meves obres, visiteu el meu canal

myYouTube

myTwitter

myLinkedin

Gràcies per llegir aquest instructiu ^^ i tingueu un bon dia. Ens veiem. Ahmed Nouira.