Kom i gang med Raspberry Pi GUI: 8 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:24

Så du har en Raspberry Pi og en kul idé, men hvordan gjør du det så enkelt som en smarttelefon for brukeren å samhandle med?

Å bygge et grafisk brukergrensesnitt (GUI) er faktisk ganske enkelt, og med litt tålmodighet kan du lage fantastiske prosjekter.

Trinn 1: Den brede oversikten

Et av de kraftigste verktøyene som Raspberry Pi tilbyr over andre mikroer, er den raske hastigheten og brukervennligheten du kan lage et grafisk brukergrensesnitt (GUI) for prosjektet ditt.

En måte å oppnå dette på, spesialitet hvis du har en full berøringsskjerm (eller en standard skjerm og inndataenhet som en mus), det ble fantastisk!

For formålet med denne artikkelen bruker vi Python 3 med Tkinter:

Et kraftig bibliotek for utvikling av grafiske brukergrensesnitt (GUI) -applikasjoner, på Raspberry Pi der beslutningstakere er bekymret.

Tkinter er sannsynligvis den mest brukte med Python, og det finnes mange ressurser på internett.

Trinn 2: "Hei verden" i Tkinter

Vi bruker aRaspberry Pi lastet med Raspbian Stretch OS.

For å kjøre våre Tkinter GUI -applikasjoner. Vi kan også bruke alle andre operativsystemer som har python installert.

Raspbian kommer med både Python 2, Python 3 og Tkinter -biblioteket installert.

For å kontrollere hvilken versjon du har installert, fra terminalen:

python3 -versjon

Lag en ny fil som heter app.py og skriv inn basekoden som vises nedenfor:

#!/usr/bin/python

fra tkinter import * # importerer Tkinter lib -roten = Tk () # opprett rotobjektet root.wm_title ("Hello World") # setter tittelen på vinduet root.mainloop () # starter GUI -løkken

Hvis du ikke bruker en IDE, kjører du følgende kommando i en terminal fra katalogen som inneholder Python -koden for å kjøre programmet.

python3 app.py

Trinn 3: Tilpass vinduet

La oss nå se på hvordan du tilpasser dette vinduet.

Bakgrunnsfarge

root.configure (bg = "black") # endre bakgrunnsfargen til "black"

eller

root.configure (bg = " # F9273E") # bruk hex -fargekoden

Vindusdimensjoner

root.geometry ("800x480") # spesifiser vindusdimensjonen

eller

root.attributes ("-fullscreen", True) # satt til fullskjerm

Husk at du kommer til å bli sittende fast i fullskjermsmodus hvis du ikke lager en måte å avslutte

# vi kan avslutte når vi trykker på Escape -tasten

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

Trinn 4: Widgets i Tkinter

Tkinter inneholder mange forskjellige widgets for å hjelpe deg med å lage det mest passende brukergrensesnittet. Widgets du kan bruke inkluderer: • tekstboks

• knapper

• kontrollknapp

• glidebryter

• listeboks

• radioknapp

•etc..

Nå kan vi legge til noen widgets som tekst, knapper og innganger.

Legge til widgets

Etiketter

label_1 = Label (root, text = "Hei, verden!")

Før det er synlig i vinduet, må vi imidlertid sette posisjonen. Vi vil bruke posisjonering av rutenett.

label_1.grid (rad = 0, kolonne = 0) # angi posisjonen

Inngangsinngang

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

label_2 = Label (root, text = "Hva er navnet ditt?", høyde = 3, fg = "#000", bg = "#99B898") entry_1 = Oppføring (root)#input input label_1.grid (rad = 0, kolonne = 0) label_2.grid (rad = 1, kolonne = 0) entry_1.grid (rad = 1, kolonne = 1)

Knapper

#Legg til en knapp inne i vinduet

Knapp = Knapp (rot, tekst = "Send") Knapp.grid (rad = 2, kolonne = 1)

Trinn 5: Legge til logikk

Nå har vi et enkelt skjema, men å klikke på knappen gjør ikke noe !!

Vi vil undersøke hvordan du konfigurerer en hendelse på knappene -widgeten og binder den til en funksjon som utføres når den klikkes.

For dette formålet vil vi oppdatere label_1 for å vise "Hei + teksten som er angitt i inngangen". Når du velger Send -knappen.

Last ned koden nedenfor og kjør den.

Trinn 6: LED -kontroll

Så langt ser vi hvordan du legger til knapp i vinduet og legger til logikk i det for å utføre handling.

Nå vil vi endre koden litt. Så vi skal lage et skjema og legge til to knapper til det. Den ene for å slå LED -en av/på, og den andre for å avslutte programmet.

Merk: Sørg for at du har oppdatert Raspberry før du starter, og at du har installert GPIO -biblioteket. Åpne kommandovinduet og angi følgende installasjon av GPIO -biblioteket. Åpne kommandovinduet og skriv inn følgende:

$ sudo apt-get oppdatering

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

Bygget:

Nødvendige deler:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω motstand

Bygg kretsen:

Følg bildene ovenfor.

Vær oppmerksom på LED -retningen og pinnen der den er tilkoblet (GPIO23).

Trinn 7: Legge til servomotorkontroller

Vi går over til noe annet enn en knapp, vi kan også bruke forskjellige innganger for å kontrollere PWM (Pulse Width Modulation) utganger fra Raspberry Pi.

En servomotor er et godt valg, den oversetter et PWM -signal til en vinkel.

Bygget:

Nødvendige deler:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω motstand

1 x servomotor

Bygg kretsen:

Følg diagrammet vist ovenfor (LED koblet til GPIO 23, Servomotor koblet til GPIO 18).

Sjekk videoen hvis du sitter fast.

Trinn 8: Konklusjon

Der har du det! Gå videre og erobre noen fantastiske UI -ideer!

Hvis du har spørsmål kan du selvfølgelig legge igjen en kommentar.

For å se mer om verkene mine, vennligst besøk kanalen min

myYouTube

myTwitter

myLinkedin

Takk for at du leser denne instruktive ^^ og ha en fin dag. Vi ses. Ahmed Nouira.