Primeiros passos com Raspberry Pi GUI: 8 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:38

Então você tem um Raspberry Pi e uma ideia legal, mas como torná-lo tão fácil quanto um smartphone para o seu usuário interagir?

Construir uma interface gráfica com o usuário (GUI) é realmente muito fácil e, com alguma paciência, você pode produzir projetos incríveis.

Etapa 1: A ampla visão geral

Uma das ferramentas mais poderosas que o Raspberry Pi oferece em relação a outros micros é a rapidez e facilidade com que você pode criar uma interface gráfica de usuário (GUI) para seu projeto.

Uma maneira de conseguir isso, especialmente se você tem uma tela de toque completa (ou uma tela padrão e um dispositivo de entrada como um mouse), ficou incrível!

Para o propósito deste artigo, usaremos Python 3 com Tkinter:

Uma biblioteca poderosa para o desenvolvimento de aplicativos de interface gráfica do usuário (GUI), no Raspberry Pi, onde os fabricantes estão preocupados.

Tkinter é provavelmente o mais comumente usado com Python, e muitos recursos existem na Internet.

Etapa 2: "Hello World" no Tkinter

Estamos usando um Raspberry Pi carregado com o Raspbian Stretch OS.

Para executar nossos aplicativos Tkinter GUI. também podemos usar qualquer outro sistema operacional que tenha o python instalado.

Raspbian vem com Python 2, Python 3 e a biblioteca Tkinter instalados.

Para verificar qual versão você instalou, no terminal, execute:

python3 --version

Crie um novo arquivo chamado app.py e insira o código base mostrado abaixo:

#! / usr / bin / python

from tkinter import * # importa o Tkinter lib root = Tk () # cria o objeto raiz root.wm_title ("Hello World") # define o título da janela root.mainloop () # inicia o loop GUI

Se você não estiver usando um IDE, execute o seguinte comando em um terminal do diretório que contém seu código Python para executar o programa.

python3 app.py

Etapa 3: Personalizando a janela

Vamos agora ver como personalizar esta janela.

Cor de fundo

root.configure (bg = "black") # mude a cor de fundo para "preto"

ou

root.configure (bg = "# F9273E") # use o código de cor hexadecimal

Dimensões da janela

root.geometry ("800x480") # especifica a dimensão da janela

ou

root.attributes ("- fullscreen", True) # set para fullscreen

Lembre-se de que você ficará preso no modo de tela inteira se não criar uma maneira de sair

# podemos sair quando pressionamos a tecla escape

def end_fullscreen (evento): root.attributes ("- tela cheia", False) root.bind ("", end_fullscreen)

Etapa 4: Widgets no Tkinter

O Tkinter inclui muitos widgets diferentes para ajudá-lo a criar a interface de usuário mais apropriada. Os widgets que você pode usar incluem: • caixa de texto

• botões

• botão de verificação

• controle deslizante

• caixa de lista

• botao de radio

• etc.

Agora podemos adicionar alguns widgets, como texto, botões e entradas.

Adicionando Widgets

Etiquetas

label_1 = Label (root, text = "Olá, mundo!")

Antes de ser visível na janela, porém, precisamos definir sua posição. Usaremos o posicionamento da grade.

label_1.grid (row = 0, column = 0) # definir a posição

Entrada de entrada

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

label_2 = Label (root, text = "Qual é o seu nome?", height = 3, fg = "# 000", bg = "# 99B898") entry_1 = Entry (root) #input entry label_1.grid (row = 0, coluna = 0) label_2.grid (linha = 1, coluna = 0) entry_1.grid (linha = 1, coluna = 1)

Botões

#Adicione um botão dentro da janela

Button = Button (root, text = "Enviar") Button.grid (linha = 2, coluna = 1)

Etapa 5: Adicionando Lógica

Agora temos um formulário simples, porém clicar no botão não adianta nada !!

Exploraremos como configurar um evento no widget de botões e vinculá-lo a uma função que é executada quando clicada.

Para este propósito, iremos atualizar label_1 para exibir "Olá + o texto inserido na entrada". Quando você seleciona o botão enviar.

Baixe o código abaixo e execute-o.

Etapa 6: Controle de LED

Até agora, vimos como adicionar botão à janela e adicionar lógica a ele para executar a ação.

Agora, vamos mudar um pouco o código. Então, vamos criar um formulário e adicionar dois botões a ele. Um para ligar / desligar o LED e outro para sair do programa.

Nota: Certifique-se de ter atualizado seu Raspberry antes de iniciar e de ter a biblioteca GPIO instalada. Abra a janela de comando e digite o seguinte na instalação da biblioteca GPIO. Abra a janela de comando e digite o seguinte:

$ sudo apt-get update

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

A construção:

Peças necessárias:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω resistor

Construindo o circuito:

Siga as fotos acima.

Preste atenção à orientação do LED e ao pino onde conectado (GPIO23).

Etapa 7: Adicionar controlador de servo motor

Vamos passar para algo diferente de um botão, também podemos usar várias entradas para controlar as saídas PWM (Modulação por largura de pulso) do Raspberry Pi.

Um servo motor é uma ótima escolha, pois traduz um sinal PWM em um ângulo.

A construção:

Peças necessárias:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω resistor

1 x servo motor

Construindo o circuito:

Siga o diagrama mostrado acima (LED conectado ao GPIO 23, servo motor conectado ao GPIO 18).

Verifique o vídeo se você travou.

Etapa 8: Conclusão

Aí está! Vá em frente e conquiste algumas ideias incríveis de interface do usuário!

Se você tiver alguma dúvida, é claro, pode deixar um comentário.

Para ver mais sobre meus trabalhos, visite meu canal

myYouTube

meu Twitter

myLinkedin

Obrigado por ler este instrutível ^^ e tenha um bom dia. Até mais. Ahmed Nouira.