Kom igång med Raspberry Pi GUI: 8 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:45

Så du har en Raspberry Pi och en cool idé, men hur gör du det så enkelt som en smartphone för din användare att interagera med?

Att bygga ett grafiskt användargränssnitt (GUI) är faktiskt ganska enkelt, och med lite tålamod kan du producera fantastiska projekt.

Steg 1: Den breda översikten

Ett av de mest kraftfulla verktygen som Raspberry Pi tillhandahåller jämfört med andra mikro, är den snabba takt och lätthet du kan skapa ett grafiskt användargränssnitt (GUI) för ditt projekt.

Ett sätt att uppnå detta, specialitet om du har en hel pekskärm (eller en standardskärm och inmatningsenhet som en mus), det blev fantastiskt!

För denna artikel använder vi Python 3 med Tkinter:

Ett kraftfullt bibliotek för att utveckla grafiska användargränssnitt (GUI) applikationer, på Raspberry Pi när det gäller tillverkare.

Tkinter är förmodligen det mest använda med Python, och det finns massor av resurser på internet.

Steg 2: "Hej världen" i Tkinter

Vi använder en Raspberry Pi laddad med Raspbian Stretch OS.

För att köra våra Tkinter GUI -applikationer. vi kan också använda alla andra operativsystem som har python installerat.

Raspbian levereras med både Python 2, Python 3 och Tkinter -biblioteket installerat.

För att kontrollera vilken version du har installerat, från terminalen kör:

python3 -version

Skapa en ny fil som heter app.py och ange baskoden som visas nedan:

#!/usr/bin/python

från tkinter import * # importerar Tkinter lib root = Tk () # skapa rotobjektet root.wm_title ("Hej världen") # anger titel på fönstret root.mainloop () # startar GUI -slingan

Om du inte använder en IDE, kör följande kommando i en terminal från katalogen som innehåller din Python -kod för att köra programmet.

python3 app.py

Steg 3: Anpassa fönstret

Låt oss nu titta på hur du anpassar det här fönstret.

Bakgrundsfärg

root.configure (bg = "black") # ändra bakgrundsfärgen till "black"

eller

root.configure (bg = " # F9273E") # använd hex -färgkoden

Fönstermått

root.geometry ("800x480") # ange fönstermåttet

eller

root.attributes ("-fullscreen", True) # inställd på fullscreen

Tänk på att du kommer att fastna i helskärmsläge om du inte skapar ett sätt att avsluta

# vi kan avsluta när vi trycker på Escape -knappen

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

Steg 4: Widgets i Tkinter

Tkinter innehåller många olika widgets som hjälper dig att skapa det mest lämpliga användargränssnittet. Widgets du kan använda inkluderar: • textruta

• knappar

• kontrollknapp

• reglage

• listruta

• Radio knapp

•etc..

Nu kan vi lägga till några widgets som text, knappar och ingångar.

Lägga till widgets

Etiketter

label_1 = Etikett (root, text = "Hej, värld!")

Innan det syns i fönstret måste vi dock ställa in dess position. Vi kommer att använda nätpositionering.

label_1.grid (rad = 0, kolumn = 0) # ställ in positionen

Inmatningsinmatning

label_1 = Label (root, text = "Hej, värld!", font = "Verdana 26 fet, fg ="#000 ", bg ="#99B898 ")

label_2 = Etikett (root, text = "Vad är ditt namn?", height = 3, fg = "#000", bg = "#99B898") entry_1 = Post (root) #input entry label_1.grid (rad = 0, kolumn = 0) label_2.grid (rad = 1, kolumn = 0) post_1.grid (rad = 1, kolumn = 1)

Knappar

#Lägg till en knapp inuti fönstret

Button = Button (root, text = "Skicka") Button.grid (rad = 2, kolumn = 1)

Steg 5: Lägga till logik

Nu har vi en enkel form, men att klicka på knappen gör inget !!

Vi kommer att undersöka hur man ställer in en händelse på knappens widget och binder den till en funktion som körs när den klickas.

För detta ändamål kommer vi att uppdatera label_1 för att visa "Hej + texten som matats in i inmatningen". När du väljer skicka -knappen.

Ladda ner koden nedan och kör den sedan.

Steg 6: LED -kontroll

Hittills ser vi hur man lägger till knappen i fönstret och lägger till logik i det för att utföra åtgärder.

Nu kommer vi att ändra koden lite. Så vi ska skapa ett formulär och lägga till två knappar till det. Den ena för att slå på/av lysdioden och den andra för att lämna programmet.

Obs! Se till att du har uppdaterat ditt hallon innan du börjar och att du har installerat GPIO -biblioteket. Öppna kommandofönstret och ange följande GPIO -biblioteksinstallation. Öppna kommandofönstret och ange följande:

$ sudo apt-get uppdatering

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

Bygget:

Delar som krävs:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω motstånd

Bygga kretsen:

Följ bilderna ovan.

Var uppmärksam på LED -orienteringen och stiftet där det är anslutet (GPIO23).

Steg 7: Lägga till servomotorstyrenhet

Vi går över till något annat än en knapp, vi kan också använda olika ingångar för att styra PWM -utgångarna (Pulse Width Modulation) från Raspberry Pi.

En servomotor är ett bra val, den översätter en PWM -signal till en vinkel.

Bygget:

Delar som krävs:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω motstånd

1 x servomotor

Bygga kretsen:

Följ diagrammet ovan (LED ansluten till GPIO 23, Servomotor ansluten till GPIO 18).

Kontrollera videon om du fastnade.

Steg 8: Slutsats

Där har du det! Gå vidare och erövra några fantastiska UI -idéer!

Om du har några frågor såklart kan du lämna en kommentar.

För att se mer om mina verk, besök min kanal

myYouTube

myTwitter

myLinkedin

Tack för att du läste detta instruerbara ^^ och ha en trevlig dag. Vi ses. Ahmed Nouira.