Erste Schritte mit Raspberry Pi GUI - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:19

Sie haben also einen Raspberry Pi und eine coole Idee, aber wie machen Sie es Ihrem Benutzer so einfach wie ein Smartphone, mit ihm zu interagieren?

Das Erstellen einer grafischen Benutzeroberfläche (GUI) ist eigentlich ganz einfach, und mit etwas Geduld können Sie erstaunliche Projekte erstellen.

Schritt 1: Der umfassende Überblick

Eines der leistungsstärksten Tools, die Raspberry Pi gegenüber anderen Mikros bietet, ist die schnelle und einfache Erstellung einer grafischen Benutzeroberfläche (GUI) für Ihr Projekt.

Eine Möglichkeit, diese Spezialität zu erreichen, wenn Sie einen vollständigen Touchscreen (oder einen Standardbildschirm und ein Eingabegerät wie eine Maus) haben, wurde erstaunlich!

Für diesen Artikel verwenden wir Python 3 mit Tkinter:

Eine leistungsstarke Bibliothek für die Entwicklung von Anwendungen für grafische Benutzeroberflächen (GUI) auf dem Raspberry Pi, wenn es um Hersteller geht.

Tkinter wird wahrscheinlich am häufigsten mit Python verwendet, und es gibt viele Ressourcen im Internet.

Schritt 2: "Hallo Welt" in Tkinter

Wir verwenden aRaspberry Pi, das mit Raspbian Stretch OS geladen ist.

Um unsere Tkinter GUI-Anwendungen auszuführen. Wir können auch jedes andere Betriebssystem verwenden, auf dem Python installiert ist.

Raspbian wird sowohl mit Python 2, Python 3 als auch mit der installierten Tkinter-Bibliothek geliefert.

Um zu überprüfen, welche Version Sie installiert haben, führen Sie im Terminal Folgendes aus:

python3 --version

Erstellen Sie eine neue Datei namens app.py und geben Sie den unten gezeigten Basiscode ein:

#!/usr/bin/python

from tkinter import * # importiert die Tkinter-Lib root = Tk() # erzeugt das Root-Objekt root.wm_title("Hello World") # setzt den Titel des Fensters root.mainloop() # startet die GUI-Schleife

Wenn Sie keine IDE verwenden, führen Sie den folgenden Befehl in einem Terminal aus dem Verzeichnis aus, das Ihren Python-Code enthält, um das Programm auszuführen.

python3 app.py

Schritt 3: Anpassen des Fensters

Sehen wir uns nun an, wie Sie dieses Fenster anpassen.

Hintergrundfarbe

root.configure(bg="black") # ändere die Hintergrundfarbe in "black"

oder

root.configure(bg="#F9273E") # Verwenden Sie den Hex-Farbcode

Fensterabmessungen

root.geometry("800x480") # die Fensterdimension angeben

oder

root.attributes("-fullscreen", True) # auf Vollbild setzen

Denken Sie daran, dass Sie im Vollbildmodus stecken bleiben, wenn Sie keine Möglichkeit zum Beenden erstellen

# können wir beenden, wenn wir die Escape-Taste drücken

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

Schritt 4: Widgets in Tkinter

Tkinter enthält viele verschiedene Widgets, mit denen Sie die am besten geeignete Benutzeroberfläche erstellen können. Zu den Widgets, die Sie verwenden können, gehören: • Textfeld

• Tasten

• Check-Taste

• Schieberegler

• Listenfeld

• Radio knopf

•etc..

Jetzt können wir einige Widgets wie Text, Schaltflächen und Eingaben hinzufügen.

Widgets hinzufügen

Etiketten

label_1 = Label(root, text="Hallo Welt!")

Bevor es jedoch im Fenster sichtbar ist, müssen wir seine Position festlegen. Wir werden die Rasterpositionierung verwenden.

label_1.grid(row=0, column=0) # setze die Position

Eingabe Eingabe

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

label_2 = Label(root, text="Wie ist dein Name?", fg="#000", bg="#99B898") entry_1 = Eintrag(root) #input Eintrag label_1.grid(row=0, Spalte=0) label_2.grid(row=1, column=0) entry_1.grid(row=1, column=1)

Tasten

#Schaltfläche im Fenster hinzufügen

Button = Button(root, text="Submit") Button.grid(row=2, column=1)

Schritt 5: Logik hinzufügen

Jetzt haben wir ein einfaches Formular, aber das Klicken auf die Schaltfläche bewirkt nichts!!

Wir werden untersuchen, wie Sie ein Ereignis im Schaltflächen-Widget einrichten und es an eine Funktion binden, die beim Klicken ausgeführt wird.

Zu diesem Zweck aktualisieren wir label_1 so, dass "Hallo + der in die Eingabe eingegebene Text" angezeigt wird. Wenn Sie die Schaltfläche Senden auswählen.

Laden Sie den folgenden Code herunter und führen Sie ihn aus.

Schritt 6: LED-Steuerung

Bisher sehen wir, wie man dem Fenster eine Schaltfläche hinzufügt und ihm Logik hinzufügt, um eine Aktion auszuführen.

Jetzt werden wir den Code ein wenig ändern. Wir werden also ein Formular erstellen und ihm zwei Schaltflächen hinzufügen. Eine zum Ein- und Ausschalten der LED und die andere zum Beenden des Programms.

Hinweis: Stellen Sie sicher, dass Sie Ihren Raspberry vor dem Start aktualisiert haben und dass Sie die GPIO-Bibliothek installiert haben. Öffnen Sie das Befehlsfenster und geben Sie Folgendes ein, um die GPIO-Bibliothek zu installieren. Öffnen Sie das Befehlsfenster und geben Sie Folgendes ein:

$ sudo apt-get update

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

Der Aufbau:

Erforderliche Teile:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω Widerstand

Aufbau der Schaltung:

Folgen Sie den Fotos oben.

Achten Sie auf die LED-Ausrichtung und den angeschlossenen Pin (GPIO23).

Schritt 7: Servomotor-Controller hinzufügen

Wir werden zu etwas anderem als einer Taste übergehen, wir können auch verschiedene Eingänge verwenden, um die PWM-Ausgänge (Pulsweitenmodulation) des Raspberry Pi zu steuern.

Ein Servomotor ist eine gute Wahl, er übersetzt ein PWM-Signal in einen Winkel.

Der Aufbau:

Erforderliche Teile:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω Widerstand

1 x Servomotor

Aufbau der Schaltung:

Folgen Sie dem oben gezeigten Diagramm (LED an GPIO 23 angeschlossen, Servomotor an GPIO 18 angeschlossen).

Überprüfen Sie das Video, wenn Sie nicht weiterkommen.

Schritt 8: Fazit

Hier hast du es! Gehen Sie weiter und erobern Sie einige erstaunliche UI-Ideen!

Wenn Sie Fragen haben, können Sie natürlich einen Kommentar hinterlassen.

Um mehr über meine Arbeiten zu sehen, besuche bitte meinen Kanal

meinYouTube

mein Twitter

myLinkedin

Vielen Dank für das Lesen dieses instructable ^^ und einen schönen Tag. Tschüss. Ahmed Nouira.