Započnite s Raspberry Pi GUI: 8 koraka

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:07

Dakle, imate Raspberry Pi i sjajnu ideju, ali kako olakšati interakciju svojim korisnicima poput pametnog telefona?

Izgradnja grafičkog korisničkog sučelja (GUI) zapravo je prilično jednostavna i uz malo strpljenja možete stvoriti nevjerojatne projekte.

Korak 1: Široki pregled

Jedan od najmoćnijih alata koje Raspberry Pi pruža u odnosu na druge mikro -uređaje je brza brzina i lakoća stvaranja grafičkog korisničkog sučelja (GUI) za vaš projekt.

Jedan od načina da to postignete, posebnost ako imate cijeli zaslon osjetljiv na dodir (ili standardni zaslon i ulazni uređaj poput miša), postao je nevjerojatan!

U svrhu ovog članka koristit ćemo Python 3 s Tkinterom:

Moćna biblioteka za razvoj aplikacija za grafičko korisničko sučelje (GUI) na Raspberry Pi -u što se tiče proizvođača.

Tkinter se vjerojatno najčešće koristi s Pythonom, a na internetu postoji mnogo resursa.

Korak 2: "Hello World" u Tkinteru

Koristimo aRaspberry Pi napunjen Raspbian Stretch OS -om.

Za pokretanje naših Tkinter GUI aplikacija. možemo koristiti i bilo koji drugi operativni sistem koji ima instaliran python.

Raspbian dolazi s instaliranim Python 2, Python 3 i Tkinter bibliotekom.

Da biste provjerili koju ste verziju instalirali, iz terminala pokrenite:

python3 --verzija

Kreirajte novu datoteku pod nazivom app.py i unesite donji kôd prikazan ispod:

#!/usr/bin/python

iz tkinter import * # uvozi Tkinter lib root = Tk () # kreira root objekt root.wm_title ("Hello World") # postavlja naslov prozora root.mainloop () # pokreće GUI petlju

Ako ne koristite IDE, pokrenite sljedeću naredbu u terminalu iz direktorija koji sadrži vaš Python kôd da biste pokrenuli program.

python3 app.py

Korak 3: Prilagođavanje prozora

Pogledajmo sada kako prilagoditi ovaj prozor.

Boja pozadine

root.configure (bg = "black") # promijenite boju pozadine u "black"

ili

root.configure (bg = " # F9273E") # koristite heksadecimalni kod boje

Dimenzije prozora

root.geometry ("800x480") # odredite dimenziju prozora

ili

root.attributes ("-puni ekran", Tačno) # postavljeno na ceo ekran

Imajte na umu da ćete se zaglaviti u načinu rada preko cijelog zaslona ako ne stvorite način za izlaz

# možemo izaći kada pritisnemo tipku za izlaz

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

Korak 4: Widgeti u Tkinteru

Tkinter uključuje mnogo različitih widgeta koji će vam pomoći u stvaranju najprikladnijeg korisničkog sučelja. Vidžeti koje možete koristiti uključuju: • tekstualni okvir

• dugmad

• dugme za proveru

• klizač

• okvir sa listom

• radio dugme

• itd.

Sada možemo dodati neke widgete poput teksta, dugmadi i unosa.

Dodavanje widgeta

Labels

label_1 = Label (root, text = "Zdravo, Svijete!")

Prije nego što bude vidljiv u prozoru, moramo postaviti njegov položaj. Koristit ćemo pozicioniranje mreže.

label_1.grid (row = 0, column = 0) # postavite poziciju

Unos unosa

label_1 = Label (root, text = "Zdravo, Svijete!", font = "Verdana 26 podebljano, fg ="#000 ", bg ="#99B898 ")

label_2 = Label (root, text = "Kako se zovete?", height = 3, fg = "#000", bg = "#99B898") entry_1 = Unos (root) #input entry label_1.grid (row = 0, stupac = 0) label_2.grid (red = 1, stupac = 0) entry_1.grid (red = 1, stupac = 1)

Buttons

#Dodajte dugme unutar prozora

Button = Button (root, text = "Submit") Button.grid (red = 2, stupac = 1)

Korak 5: Dodavanje logike

Sada imamo jednostavan obrazac, međutim klik na gumb ne čini ništa !!

Istražit ćemo kako postaviti događaj na widgetu za gumbe i povezati ga s funkcijom koja se izvršava kada se klikne.

U tu ćemo svrhu ažurirati label_1 tako da prikazuje "Zdravo + tekst unesen u unos". Kada odaberete dugme za slanje.

Preuzmite donji kod, a zatim ga pokrenite.

Korak 6: LED kontrola

Do sada vidimo kako dodati dugme u prozor i dodati mu logiku da bi se izvršila radnja.

Sada ćemo malo promijeniti kôd. Stoga ćemo stvoriti obrazac i dodati mu dva gumba. Jedan za uključivanje/isključivanje LED diode, a drugi za izlaz iz programa.

Napomena: Prije početka provjerite jeste li ažurirali Raspberry i imate li instaliranu biblioteku GPIO, otvorite naredbeni prozor i unesite sljedeće instalacije biblioteke GPIO. Otvorite komandni prozor i unesite sljedeće:

$ sudo apt-get update

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

Konstrukcija:

Potrebni delovi:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω otpornik

Izgradnja kola:

Pratite fotografije iznad.

Obratite pažnju na LED orijentaciju i pin na koji je priključen (GPIO23).

Korak 7: Dodavanje kontrolera servo motora

Preći ćemo na nešto drugo osim na dugme. Također možemo koristiti različite ulaze za kontrolu PWM (Pulse Width Modulation) izlaza iz Raspberry Pi.

Servo motor je odličan izbor jer prevodi PWM signal u kut.

Konstrukcija:

Potrebni delovi:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω otpornik

1 x servo motor

Izgradnja kola:

Slijedite gornji dijagram (LED spojen na GPIO 23, servo motor spojen na GPIO 18).

Provjerite video ako ste zaglavili.

Korak 8: Zaključak

Evo ga! Idite naprijed i osvojite neke nevjerojatne ideje za korisničko sučelje!

Naravno, ako imate bilo kakvo pitanje, ostavite komentar.

Za više informacija o mojim radovima posjetite moj kanal

myYouTube

myTwitter

myLinkedin

Hvala vam što ste pročitali ovo uputstvo ^^ i ugodan dan. Vidimo se. Ahmed Nouira.