Kezdő lépések a Raspberry Pi grafikus felhasználói felületével: 8 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:42

Tehát van egy Raspberry Pi és egy jó ötlete, de hogyan teheti olyan egyszerűvé, mint egy okostelefon a felhasználó interakcióját?

A grafikus felhasználói felület (GUI) felépítése valójában meglehetősen egyszerű, és némi türelemmel elképesztő projekteket készíthet.

1. lépés: A széles áttekintés

Az egyik legerősebb eszköz, amelyet a Raspberry Pi nyújt más mikrókhoz képest, az a gyors sebesség és egyszerűség, hogy grafikus felhasználói felületet (GUI) hozhat létre a projekthez.

Ennek elérésének egyik módja, különlegesség, ha teljes érintőképernyővel rendelkezik (vagy szabványos képernyővel és beviteli eszközzel, például egérrel), csodálatos lett!

E cikk alkalmazásában a Python 3 -at fogjuk használni a Tkinterrel:

Erőteljes könyvtár grafikus felhasználói felület (GUI) alkalmazások fejlesztéséhez a Raspberry Pi -n, ahol a gyártók számítanak.

A Tkinter valószínűleg a leggyakrabban használt Python, és rengeteg erőforrás létezik az interneten.

2. lépés: "Hello World" a Tkinterben

Raspbian Stretch operációs rendszerrel töltött aRaspberry Pi -t használunk.

A Tkinter GUI alkalmazások futtatásához. bármely más operációs rendszert is használhatunk, amelyen a python telepítve van.

A Raspbian Python 2, Python 3 és Tkinter könyvtárat is tartalmaz.

A telepített verziót a terminál futtatásával ellenőrizheti:

python3 -verzió

Hozzon létre egy új fájlt app.py néven, és írja be az alábbi alapkódot:

#!/usr/bin/python

a tkinter importből * # importálja a Tkinter lib gyökeret = Tk () # hozza létre a root objektumot root.wm_title ("Hello World") # beállítja az ablak root címét.mainloop () # elindítja a GUI ciklust

Ha nem IDE -t használ, akkor futtassa a következő parancsot egy terminálon a Python -kódot tartalmazó könyvtárból a program futtatásához.

python3 app.py

3. lépés: Az ablak testreszabása

Most nézzük meg, hogyan lehet testreszabni ezt az ablakot.

Háttér színe

root.configure (bg = "fekete") # a háttérszín módosítása "fekete" -ra

vagy

root.configure (bg = " # F9273E") # használja a hexadecimális színkódot

Ablak méretei

root.geometry ("800x480") # adja meg az ablak méretét

vagy

root.attributes ("-teljes képernyő", Igaz) # teljes képernyősre állítva

Ne feledje, hogy elakad a teljes képernyős módban, ha nem hozza létre a kilépés módját

# kiléphetünk, ha megnyomjuk az Esc gombot

def end_fullscreen (esemény): root.attributes ("-teljes képernyő", False) root.bind ("", end_fullscreen)

4. lépés: Widgetek a Tkinterben

A Tkinter számos különböző kütyüt tartalmaz, amelyek segítenek a legmegfelelőbb felhasználói felület létrehozásában. A használható widgetek a következők: • szövegmező

• gombok

• ellenőrző gomb

• csúszka

• listamező

• Rádiógomb

•stb..

Most hozzáadhatunk néhány kütyüt, például szöveget, gombokat és bemeneteket.

Widgetek hozzáadása

Címkék

label_1 = Címke (root, text = "Hello, World!")

Mielőtt azonban megjelenik az ablakban, meg kell adnunk a pozícióját. Rács pozicionálást fogunk használni.

label_1.grid (sor = 0, oszlop = 0) # állítsa be a pozíciót

Belépés bemenet

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

label_2 = Címke (root, text = "Mi a neved?", height = 3, fg = "#000", bg = "#99B898") entry_1 = Bejegyzés (gyökér) #input entry label_1.grid (row = 0, oszlop = 0) label_2.grid (sor = 1, oszlop = 0) entry_1.grid (sor = 1, oszlop = 1)

Gombok

#Adjon hozzá egy gombot az ablakhoz

Button = Button (root, text = "Submit") Button.grid (sor = 2, oszlop = 1)

5. lépés: Logika hozzáadása

Most van egy egyszerű űrlapunk, azonban a gombra kattintás semmit sem eredményez !!

Megvizsgáljuk, hogyan lehet beállítani egy eseményt a gombok widgetjén, és hogyan lehet egy olyan funkcióhoz kötni, amely kattintásra végrehajtódik.

Ebből a célból frissítjük a label_1 címkét, hogy megjelenjen a "Hello + a bemenetbe írt szöveg" szöveg. Amikor kiválasztja a küldés gombot.

Töltse le az alábbi kódot, majd futtassa.

6. lépés: LED vezérlés

Eddig azt látjuk, hogyan adhatunk hozzá gombot az ablakhoz, és hogyan adhatunk hozzá logikát a művelet végrehajtásához.

Most egy kicsit megváltoztatjuk a kódot. Tehát létrehozunk egy űrlapot, és két gombot adunk hozzá. Az egyik a LED be-/kikapcsolásához, a másik a programból való kilépéshez.

Megjegyzés: Mielőtt elkezdené, győződjön meg arról, hogy frissítette a Raspberry -t, és telepítette a GPIO könyvtárat. Nyissa meg a parancsablakot, és írja be a következőt: GPIO könyvtár telepítése. Nyissa meg a parancsablakot, és írja be a következőt:

$ sudo apt-get frissítés

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

A felépítés:

Szükséges alkatrészek:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω ellenállás

A pálya építése:

Kövesse a fenti fotókat.

Ügyeljen a LED tájolására és a csatlakozótűre (GPIO23).

7. lépés: Szervo motorvezérlő hozzáadása

Mi valami másra térünk át, mint egy gomb, és különféle bemenetekkel is vezérelhetjük a Raspberry Pi PWM (Pulse Width Modulation) kimeneteit.

A szervomotor nagyszerű választás, amely a PWM jelet szögbe fordítja.

A felépítés:

Szükséges alkatrészek:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω ellenállás

1 x szervomotor

A pálya építése:

Kövesse a fenti ábrát (LED csatlakozik a GPIO 23 -hoz, szervomotor csatlakoztatva a GPIO 18 -hoz).

Nézd meg a videót, ha elakadtál.

8. lépés: Következtetés

Tessék, itt van! Menj tovább, és hódíts meg néhány csodálatos felhasználói felület ötletet!

Ha bármilyen kérdése van, természetesen megjegyzést írhat.

Ha többet szeretne megtudni a munkáimról, látogasson el a csatornámra

myYouTube

myTwitter

myLinkedin

Köszönöm, hogy elolvastad ezt az útmutatót ^^ és további szép napot. Szia. Ahmed Nouira.