Inizia con la GUI di Raspberry Pi: 8 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:03

Quindi hai un Raspberry Pi e una bella idea, ma come fai a rendere l'interazione del tuo utente facile come uno smartphone?

Costruire un'interfaccia utente grafica (GUI) è in realtà abbastanza semplice e con un po' di pazienza puoi produrre progetti sorprendenti.

Passaggio 1: l'ampia panoramica

Uno degli strumenti più potenti che Raspberry Pi fornisce rispetto ad altri micro, è la velocità e la facilità con cui puoi creare un'interfaccia utente grafica (GUI) per il tuo progetto.

Un modo per raggiungere questo obiettivo, la specialità se hai un touchscreen completo (o uno schermo standard e un dispositivo di input come un mouse), è diventato fantastico!

Ai fini di questo articolo, utilizzeremo Python 3 con Tkinter:

Una potente libreria per lo sviluppo di applicazioni di interfaccia utente grafica (GUI), sul Raspberry Pi per quanto riguarda i produttori.

Tkinter è probabilmente il più comunemente usato con Python ed esistono molte risorse su Internet.

Passaggio 2: "Hello World" in Tkinter

Stiamo usando aRaspberry Pi caricato con Raspbian Stretch OS.

Per eseguire le nostre applicazioni GUI di Tkinter. possiamo anche utilizzare qualsiasi altro sistema operativo su cui è installato python.

Raspbian viene fornito con Python 2, Python 3 e la libreria Tkinter installati.

Per verificare quale versione hai installato, da terminale esegui:

python3 --versione

Crea un nuovo file chiamato app.py e inserisci il codice di base mostrato di seguito:

#!/usr/bin/python

from tkinter import * # importa la libreria Tkinter root = Tk() # crea l'oggetto root root.wm_title("Hello World") # imposta il titolo della finestra root.mainloop() # avvia il ciclo della GUI

Se non stai utilizzando un IDE, esegui il seguente comando in un terminale dalla directory contenente il tuo codice Python per eseguire il programma.

python3 app.py

Passaggio 3: personalizzazione della finestra

Vediamo ora come personalizzare questa finestra.

Colore di sfondo

root.configure(bg="black") # cambia il colore di sfondo in "black"

o

root.configure(bg="#F9273E") # usa il codice colore esadecimale

Dimensioni della finestra

root.geometry("800x480") # specifica la dimensione della finestra

o

root.attributes("-fullscreen", True) # impostato su schermo intero

Tieni presente che rimarrai bloccato in modalità a schermo intero se non crei un modo per uscire

# possiamo uscire quando premiamo il tasto Esc

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

Passaggio 4: widget in Tkinter

Tkinter include molti widget diversi per aiutarti a creare l'interfaccia utente più appropriata. I widget che puoi utilizzare includono:• casella di testo

• pulsanti

• pulsante di spunta

• cursore

• casella di riepilogo

• pulsante di opzione

•eccetera..

Ora possiamo aggiungere alcuni widget come testo, pulsanti e input.

Aggiunta di widget

etichette

label_1 = Label(root, text="Hello, World!")

Prima che sia visibile nella finestra, però, dobbiamo impostarne la posizione. Useremo il posizionamento a griglia.

label_1.grid(row=0, column=0) # imposta la posizione

Ingresso ingresso

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

label_2 = Label(root, text="Qual è il tuo nome?", fg="#000", bg="#99B898") entry_1 = Entry(root) #input entry label_1.grid(row=0, colonna=0) label_2.grid(riga=1, colonna=0) entry_1.grid(riga=1, colonna=1)

pulsanti

#Aggiungi un pulsante all'interno della finestra

Pulsante = Pulsante (radice, testo = "Invia") Pulsante. griglia (riga = 2, colonna = 1)

Passaggio 5: aggiunta della logica

Ora abbiamo un semplice modulo, ma cliccando sul pulsante non fa nulla!!

Esploreremo come impostare un evento sul widget dei pulsanti e associarlo a una funzione che viene eseguita quando si fa clic.

A questo scopo aggiorneremo label_1 per visualizzare "Ciao + il testo inserito nell'input". Quando selezioni il pulsante di invio.

Scarica il codice qui sotto, quindi eseguilo.

Passaggio 6: controllo LED

Finora vediamo come aggiungere un pulsante alla finestra e aggiungere logica ad essa per eseguire un'azione.

Ora, cambieremo un po' il codice. Quindi creeremo un modulo e aggiungeremo due pulsanti. Uno per accendere/spegnere il LED e l'altro per uscire dal programma.

Nota: assicurati di aver aggiornato il tuo Raspberry prima di iniziare e di avere l'installazione della libreria GPIO, apri la finestra di comando e inserisci quanto segue l'installazione della libreria GPIO. Apri la finestra di comando e inserisci quanto segue:

$ sudo apt-get update

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

La costruzione:

Parti richieste:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω resistore

Costruzione del circuito:

Segui le foto sopra.

Prestare attenzione all'orientamento del LED e al pin a cui è collegato (GPIO23).

Passaggio 7: aggiunta del controller del servomotore

Passeremo a qualcosa di diverso da un pulsante, possiamo anche utilizzare vari input per controllare le uscite PWM (Pulse Width Modulation) dal Raspberry Pi.

Un servomotore è un'ottima scelta perché traduce un segnale PWM in un angolo.

La costruzione:

Parti richieste:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω resistore

1 x servomotore

Costruzione del circuito:

Seguire lo schema mostrato sopra (LED collegato a GPIO 23, Servomotore collegato a GPIO 18).

Controlla il video se sei bloccato.

Passaggio 8: conclusione

Ecco qua! Vai avanti e conquista alcune fantastiche idee per l'interfaccia utente!

Se hai qualche domanda ovviamente puoi lasciare un commento.

Per vedere di più sui miei lavori, visita il mio canale

mioYouTube

mioTwitter

myLinkedin

Grazie per aver letto questo istruttivo ^^ e buona giornata. Ci vediamo. Ahmed Nuira.