Bắt đầu với Raspberry Pi GUI: 8 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:34

Vì vậy, bạn có Raspberry Pi và một ý tưởng tuyệt vời, nhưng làm cách nào để bạn có thể tương tác với người dùng dễ dàng như một chiếc điện thoại thông minh?

Xây dựng Giao diện Người dùng Đồ họa (GUI) thực sự khá dễ dàng và với một chút kiên nhẫn, bạn có thể tạo ra các dự án tuyệt vời.

Bước 1: Tổng quan rộng

Một trong những công cụ mạnh mẽ nhất mà Raspberry Pi cung cấp so với các micro khác, đó là tốc độ nhanh chóng và dễ dàng mà bạn có thể tạo Giao diện người dùng đồ họa (GUI) cho dự án của mình.

Một cách để đạt được điều này, đặc biệt nếu bạn có màn hình cảm ứng đầy đủ (hoặc màn hình tiêu chuẩn và thiết bị đầu vào như chuột), nó sẽ trở nên tuyệt vời!

Với mục đích của bài viết này, chúng tôi sẽ sử dụng Python 3 với Tkinter:

Một thư viện mạnh mẽ để phát triển các ứng dụng giao diện người dùng đồ họa (GUI), trên Raspberry Pi, nơi các nhà sản xuất lo ngại.

Tkinter có lẽ được sử dụng phổ biến nhất với Python và có rất nhiều tài nguyên tồn tại trên internet.

Bước 2: "Hello World" trong Tkinter

Chúng tôi đang sử dụng aRaspberry Pi được tải bằng Raspbian Stretch OS.

Để chạy Ứng dụng Tkinter GUI của chúng tôi. chúng ta cũng có thể sử dụng bất kỳ hệ điều hành nào khác đã cài đặt python.

Raspbian đi kèm với cả Python 2, Python 3 và thư viện Tkinter được cài đặt.

Để kiểm tra phiên bản bạn đã cài đặt, hãy chạy từ terminal:

python3 - phiên bản

Tạo một tệp mới có tên app.py và nhập mã cơ sở được hiển thị bên dưới:

#! / usr / bin / python

từ tkinter import * # import Tkinter lib root = Tk () # tạo đối tượng gốc root.wm_title ("Hello World") # đặt tiêu đề của cửa sổ root.mainloop () # bắt đầu vòng lặp GUI

Nếu bạn không sử dụng IDE, hãy chạy lệnh sau trong một thiết bị đầu cuối từ thư mục chứa mã Python của bạn để chạy chương trình.

python3 app.py

Bước 3: Tùy chỉnh cửa sổ

Bây giờ chúng ta hãy xem cách tùy chỉnh cửa sổ này.

Màu nền

root.configure (bg = "black") # thay đổi màu nền thành "black"

hoặc

root.configure (bg = "# F9273E") # sử dụng mã màu thuộc hệ thống số

Kích thước cửa sổ

root.geometry ("800x480") # chỉ định kích thước cửa sổ

hoặc

root.attributes ("- fullscreen", True) # được đặt thành toàn màn hình

Hãy nhớ rằng bạn sẽ gặp khó khăn ở chế độ toàn màn hình nếu bạn không tạo lối thoát

# chúng ta có thể thoát khi chúng ta nhấn phím thoát

def end_fullscreen (sự kiện): root.attributes ("- fullscreen", False) root.bind ("", end_fullscreen)

Bước 4: Các widget trong Tkinter

Tkinter bao gồm nhiều widget khác nhau để giúp bạn tạo giao diện người dùng phù hợp nhất. Các widget bạn có thể sử dụng bao gồm: • hộp văn bản

• nút

• nút kiểm tra

• thanh trượt

• hộp danh sách

• nút radio

•Vân vân..

Bây giờ chúng ta có thể thêm một số widget như văn bản, nút và đầu vào.

Thêm tiện ích

Nhãn

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

Tuy nhiên, trước khi nó hiển thị trong cửa sổ, chúng ta cần thiết lập vị trí của nó. Chúng tôi sẽ sử dụng định vị lưới.

label_1.grid (row = 0, column = 0) # đặt vị trí

Đầu vào mục nhập

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

label_2 = Label (root, text = "Tên của bạn là gì?", height = 3, fg = "# 000", bg = "# 99B898") entry_1 = Entry (root) #input entry label_1.grid (row = 0, column = 0) label_2.grid (row = 1, column = 0) entry_1.grid (row = 1, column = 1)

nút

# Thêm nút bên trong cửa sổ

Button = Nút (gốc, text = "Gửi") Button.grid (row = 2, column = 1)

Bước 5: Thêm logic

Bây giờ chúng ta có một biểu mẫu đơn giản, tuy nhiên việc nhấp vào nút không làm được gì cả !!

Chúng ta sẽ khám phá cách thiết lập một sự kiện trên tiện ích nút và liên kết nó với một chức năng thực thi khi được nhấp vào.

Vì mục đích này, chúng tôi sẽ cập nhật label_1 để hiển thị "Xin chào + văn bản đã nhập trong đầu vào". Khi bạn chọn nút gửi.

Tải xuống mã bên dưới rồi chạy nó.

Bước 6: Điều khiển đèn LED

Cho đến nay, chúng ta đã thấy cách thêm nút vào cửa sổ và thêm logic vào đó để thực hiện hành động.

Bây giờ, chúng ta sẽ thay đổi mã một chút. Vì vậy, chúng ta sẽ tạo một biểu mẫu và thêm hai nút vào đó. Một để bật / tắt đèn LED và một để thoát khỏi chương trình.

Lưu ý: Đảm bảo rằng bạn đã cập nhật Raspberry của mình trước khi bắt đầu và bạn đã cài đặt thư viện GPIO, Mở cửa sổ lệnh và nhập cài đặt thư viện GPIO sau. Mở cửa sổ lệnh và nhập như sau:

$ sudo apt-get cập nhật

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

Tòa nhà:

Các bộ phận yêu cầu:

1 x Raspberry Pi 3

1 x đèn LED

Điện trở 1 x 330Ω

Xây dựng vi mạch:

Theo các bức ảnh trên.

Chú ý đến hướng đèn LED và chân cắm ở nơi kết nối (GPIO23).

Bước 7: Thêm bộ điều khiển động cơ Servo

Chúng tôi sẽ chuyển sang một cái gì đó khác ngoài một nút, chúng tôi cũng có thể sử dụng các đầu vào khác nhau để điều khiển các đầu ra PWM (Điều chế độ rộng xung) từ Raspberry Pi.

Động cơ servo là một lựa chọn tuyệt vời, nó chuyển tín hiệu PWM thành một góc.

Tòa nhà:

Các bộ phận yêu cầu:

1 x Raspberry Pi 3

1 x đèn LED

Điện trở 1 x 330Ω

1 x Động cơ Servo

Xây dựng vi mạch:

Làm theo sơ đồ hiển thị ở trên (LED kết nối với GPIO 23, Servo Motor kết nối với GPIO 18).

Kiểm tra video nếu bạn gặp khó khăn.

Bước 8: Kết luận

Đây là bạn có nó! Tiếp tục và chinh phục một số ý tưởng giao diện người dùng tuyệt vời!

Nếu bạn có bất kỳ câu hỏi nào, tất nhiên bạn có thể để lại bình luận.

Để xem thêm về các tác phẩm của tôi vui lòng truy cập kênh của tôi

myYouTube

myTwitter

myLinkedin

Cảm ơn vì đã đọc hướng dẫn này ^^ và chúc một ngày tốt lành. Hẹn gặp lại sau. Ahmed Nouira.