Започнете с Raspberry Pi GUI: 8 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:52

Значи имате Raspberry Pi и страхотна идея, но как да улесните взаимодействието на потребителя си с помощта на смартфон?

Изграждането на графичен потребителски интерфейс (GUI) всъщност е доста лесно и с малко търпение можете да създадете невероятни проекти.

Стъпка 1: Широкият преглед

Един от най -мощните инструменти, които Raspberry Pi предоставя спрямо други микро, е бързата скорост и лекотата, с която можете да създадете графичен потребителски интерфейс (GUI) за вашия проект.

Един от начините да постигнете това, специалност, ако имате пълен сензорен екран (или стандартен екран и устройство за въвеждане като мишка), стана невероятно!

За целите на тази статия ще използваме Python 3 с Tkinter:

Мощна библиотека за разработване на приложения за графичен потребителски интерфейс (GUI) на Raspberry Pi, когато става въпрос за производители.

Tkinter е може би най -често използваният с Python и има много ресурси в интернет.

Стъпка 2: „Hello World“в Tkinter

Използваме aRaspberry Pi, заредена с Raspbian Stretch OS.

За да стартирате нашите Tkinter GUI приложения. можем също така да използваме всяка друга операционна система, на която е инсталиран python.

Raspbian се предлага с инсталирани Python 2, Python 3 и библиотеката Tkinter.

За да проверите коя версия сте инсталирали, от изпълнението на терминала:

python3 -версия

Създайте нов файл, наречен app.py и въведете базовия код, показан по -долу:

#!/usr/bin/python

от tkinter import * # импортира Tkinter lib root = Tk () # създава root обекта root.wm_title ("Hello World") # задава заглавие на прозореца root.mainloop () # стартира GUI цикъла

Ако не използвате IDE, изпълнете следната команда в терминал от директорията, съдържаща вашия Python код, за да стартирате програмата.

python3 app.py

Стъпка 3: Персонализиране на прозореца

Нека сега разгледаме как да персонализирате този прозорец.

Цвят на фона

root.configure (bg = "черно") # променете цвета на фона на "черен"

или

root.configure (bg = " # F9273E") # използвайте шестнадесетичния цветен код

Размери на прозореца

root.geometry ("800x480") # посочете размера на прозореца

или

root.attributes ("-цял екран", True) # зададен на цял екран

Имайте предвид, че ще се забиете в режим на цял екран, ако не създадете начин за излизане

# можем да излезем, когато натиснем клавиша за бягство

def end_fullscreen (събитие): root.attributes ("-цял екран", False) root.bind ("", end_fullscreen)

Стъпка 4: Приспособления в Tkinter

Tkinter включва много различни джаджи, които да ви помогнат да създадете най -подходящия потребителски интерфейс. Приспособленията, които можете да използвате, включват: • текстово поле

• бутони

• бутон за проверка

• плъзгач

• списъчно поле

• радио бутон

• и др.

Сега можем да добавим някои приспособления като текст, бутони и въвеждане.

Добавяне на приспособления

Етикети

label_1 = Label (root, text = "Здравей, Свят!")

Преди обаче да се види в прозореца, трябва да зададем позицията му. Ще използваме позициониране на мрежата.

label_1.grid (ред = 0, колона = 0) # задайте позицията

Въвеждане на вход

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

label_2 = Label (root, text = "Какво е вашето име?", височина = 3, fg = "#000", bg = "#99B898") entry_1 = Вход (root)#вход въвеждане label_1.grid (ред = 0, колона = 0) label_2.grid (ред = 1, колона = 0) entry_1.grid (ред = 1, колона = 1)

Бутони

#Добавете бутон в прозореца

Button = Button (root, text = "Submit") Button.grid (ред = 2, колона = 1)

Стъпка 5: Добавяне на логика

Сега имаме проста форма, но кликването върху бутона не прави нищо !!

Ще проучим как да настроим събитие на приспособлението за бутони и да го свържем с функция, която се изпълнява при щракване.

За тази цел ще актуализираме label_1, за да се покаже „Здравей + текстът, въведен във въведеното“. Когато изберете бутона за изпращане.

Изтеглете кода по -долу и го стартирайте.

Стъпка 6: LED управление

Досега виждаме как да добавим бутон към прозореца и да добавим логика към него, за да извършим действие.

Сега ще променим малко кода. Така че ще създадем формуляр и ще добавим два бутона към него. Едната за включване/изключване на светодиода, а другата за излизане от програмата.

Забележка: Уверете се, че сте актуализирали Raspberry, преди да започнете, и че имате инсталирана библиотека GPIO, Отворете командния прозорец и въведете следното инсталиране на библиотеката GPIO. Отворете командния прозорец и въведете следното:

$ sudo apt-get update

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

Конструкцията:

Необходими части:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω резистор

Изграждане на веригата:

Следвайте снимките по -горе.

Обърнете внимание на ориентацията на LED и щифта, където е свързан (GPIO23).

Стъпка 7: Добавяне на контролер за серво мотор

Ще преминем към нещо различно от бутон, който също можем да използваме различни входове за управление на PWM (Pulse Width Modulation) изходи от Raspberry Pi.

Серво моторът е чудесен избор, той преобразува ШИМ сигнал в ъгъл.

Конструкцията:

Необходими части:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω резистор

1 x серво мотор

Изграждане на веригата:

Следвайте диаграмата, показана по -горе (LED свързан към GPIO 23, серво мотор, свързан към GPIO 18).

Проверете видеото, ако сте останали.

Стъпка 8: Заключение

Ето го! Продължете напред и завладейте някои невероятни идеи за потребителски интерфейс!

Ако имате някакви въпроси, разбира се, можете да оставите коментар.

За да видите повече за моите творби, моля, посетете канала ми

myYouTube

myTwitter

myLinkedin

Благодаря, че прочетохте тази инструкция ^^ и приятен ден. Ще се видим. Ахмед Нуира.