Cuprins:
2025 Autor: John Day | [email protected]. Modificat ultima dată: 2025-01-13 06:58
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.