Începeți cu GUI Raspberry Pi: 8 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:44

Deci, aveți un Raspberry Pi și o idee interesantă, dar cum îl faceți pe utilizator să interacționeze cu un smartphone?

Construirea unei interfețe grafice de utilizator (GUI) este de fapt destul de ușoară și, cu puțină răbdare, puteți produce proiecte uimitoare.

Pasul 1: Prezentare generală

Unul dintre cele mai puternice instrumente pe care Raspberry Pi le oferă față de alte micro-uri, este rata rapidă și ușurința pe care le puteți crea o interfață grafică de utilizator (GUI) pentru proiectul dvs.

O modalitate de a realiza acest lucru, specialitate dacă aveți un ecran tactil complet (sau un ecran standard și un dispozitiv de intrare, cum ar fi un mouse), a devenit uimitor!

În scopul acestui articol, vom folosi Python 3 cu Tkinter:

O bibliotecă puternică pentru dezvoltarea aplicațiilor grafice de interfață cu utilizatorul (GUI), pe Raspberry Pi în ceea ce privește producătorii.

Tkinter este probabil cel mai frecvent utilizat cu Python și există o mulțime de resurse pe internet.

Pasul 2: „Hello World” în Tkinter

Folosim un Raspberry Pi încărcat cu Raspbian Stretch OS.

Pentru a rula aplicațiile noastre Tkinter GUI. putem folosi, de asemenea, orice alt sistem de operare care are python instalat.

Raspbian vine cu Python 2, Python 3 și biblioteca Tkinter instalate.

Pentru a verifica ce versiune ați instalat, executați terminalul:

python3 --versiune

Creați un fișier nou numit app.py și introduceți codul de bază prezentat mai jos:

#! / usr / bin / python

din tkinter import * # importă Tkinter lib root = Tk () # creați obiectul rădăcină root.wm_title ("Hello World") # setează titlul ferestrei root.mainloop () # pornește bucla GUI

Dacă nu utilizați un IDE, rulați următoarea comandă într-un terminal din directorul care conține codul Python pentru a rula programul.

python3 app.py

Pasul 3: Personalizarea ferestrei

Să vedem acum cum să personalizăm această fereastră.

Culoarea fundalului

root.configure (bg = "negru") # schimbați culoarea de fundal în "negru"

sau

root.configure (bg = "# F9273E") # utilizați codul de culoare hex

Dimensiunile ferestrei

root.geometry ("800x480") # specificați dimensiunea ferestrei

sau

root.attributes ("- ecran complet", True) # setat pe ecran complet

Rețineți că vă veți bloca în modul ecran complet dacă nu creați o modalitate de ieșire

# putem ieși când apăsăm tasta de evacuare

def end_fullscreen (eveniment): root.attributes ("- fullscreen", False) root.bind ("", end_fullscreen)

Pasul 4: Widgeturi în Tkinter

Tkinter include multe widget-uri diferite pentru a vă ajuta să creați cea mai potrivită interfață cu utilizatorul. Widgeturile pe care le puteți utiliza includ: • casetă de text

• butoane

• butonul de verificare

• glisor

• casetă listă

• buton de radio

• etc.

Acum putem adăuga câteva widget-uri precum text, butoane și intrări.

Adăugarea de widgeturi

Etichete

label_1 = Label (root, text = "Hello, World!")

Înainte de a fi vizibil în fereastră, totuși, trebuie să-i setăm poziția. Vom folosi poziționarea grilei.

label_1.grid (rând = 0, coloană = 0) # setați poziția

Intrare intrare

label_1 = Label (root, text = "Hello, World!", font = "Verdana 26 bold, fg =" # 000 ", bg =" # 99B898 ")

label_2 = Label (rădăcină, text = "Care este numele tău?", înălțime = 3, fg = "# 000", bg = "# 99B898") entry_1 = Intrare (rădăcină) # intrare intrare etichetă_1.grid (rând = 0, coloană = 0) label_2.grid (rând = 1, coloană = 0) entry_1.grid (rând = 1, coloană = 1)

Butoane

#Adăugați un buton în interiorul ferestrei

Buton = Buton (rădăcină, text = „Trimiteți”) Button.grid (rând = 2, coloană = 1)

Pasul 5: Adăugarea unei logici

Acum avem un formular simplu, totuși făcând clic pe buton nu face nimic !!

Vom explora cum să configurați un eveniment pe widget-ul butoanelor și să îl legăm de o funcție care se execută atunci când faceți clic.

În acest scop, vom actualiza eticheta_1 pentru a afișa „Bună ziua + textul introdus în intrare”. Când selectați butonul de trimitere.

Descărcați codul de mai jos, apoi rulați-l.

Pasul 6: Control LED

Până acum vedem cum să adăugăm butonul la fereastră și să adăugăm logică la aceasta pentru a efectua acțiune.

Acum, vom schimba puțin codul. Deci, vom crea un formular și îi vom adăuga două butoane. Unul pentru a porni / opri LED-ul, iar celălalt pentru a ieși din program.

Notă: Asigurați-vă că ați actualizat Raspberry înainte de a începe și că aveți instalarea bibliotecii GPIO, Deschideți fereastra de comandă și introduceți următoarea instalare a bibliotecii GPIO. Deschideți fereastra de comandă și introduceți următoarele:

$ sudo apt-get update

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

Construcția:

Piese necesare:

1 x Raspberry Pi 3

1 x LED

1 x rezistor de 330Ω

Construirea circuitului:

Urmăriți fotografiile de mai sus.

Acordați atenție orientării LED-ului și pinului unde a fost conectat (GPIO23).

Pasul 7: Adăugarea controlerului servomotor

Vom trece la altceva decât un buton, putem folosi, de asemenea, diverse intrări pentru a controla ieșirile PWM (Pulse Width Modulation) de la Raspberry Pi.

Un servomotor este o alegere excelentă, traduce un semnal PWM într-un unghi.

Construcția:

Piese necesare:

1 x Raspberry Pi 3

1 x LED

1 x rezistor de 330Ω

1 x servomotor

Construirea circuitului:

Urmați diagrama de mai sus (LED conectat la GPIO 23, servomotor conectat la GPIO 18).

Verificați videoclipul dacă ați blocat.

Pasul 8: Concluzie

Iată-l! Mergeți mai departe și cuceriți câteva idei UI uimitoare!

Dacă aveți orice întrebare, desigur, puteți lăsa un comentariu.

Pentru a vedea mai multe despre lucrările mele, vă rugăm să vizitați canalul meu

myYouTube

myTwitter

myLinkedin

Vă mulțumim că ați citit acest instructabil ^^ și să aveți o zi plăcută. Ne mai vedem. Ahmed Nouira.