Índice:
2025 Autor: John Day | [email protected]. Última modificação: 2025-01-13 06:58
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.