Bermula dengan Raspberry Pi GUI: 8 Langkah

2024 Pengarang: John Day | [email protected]. Diubah suai terakhir: 2024-01-30 11:10

Oleh itu, anda mempunyai Raspberry Pi dan idea yang menarik, tetapi bagaimana anda menjadikannya semudah telefon pintar untuk pengguna anda berinteraksi?

Membina antara muka pengguna grafik (GUI) sebenarnya cukup mudah, dan dengan sabar anda dapat menghasilkan projek yang luar biasa.

Langkah 1: Gambaran Keseluruhan yang Luas

Salah satu alat yang paling kuat yang disediakan Raspberry Pi berbanding mikro lain, adalah kadar dan kemudahan yang pantas untuk membuat Antaramuka Pengguna Grafik (GUI) untuk projek anda.

Salah satu cara untuk mencapai ini, khas jika anda mempunyai skrin sentuh penuh (atau skrin standard dan peranti input seperti tetikus), ia menjadi luar biasa!

Untuk tujuan artikel ini, kami akan menggunakan Python 3 dengan Tkinter:

Perpustakaan yang kuat untuk mengembangkan aplikasi antara muka pengguna grafik (GUI), di Raspberry Pi yang menjadi perhatian pembuatnya.

Tkinter mungkin yang paling biasa digunakan dengan Python, dan banyak sumber ada di internet.

Langkah 2: "Hello World" di Tkinter

Kami menggunakan aRaspberry Pi yang dimuatkan dengan Raspbian Stretch OS.

Untuk menjalankan Aplikasi Tkinter GUI kami. kita juga boleh menggunakan sistem operasi lain yang telah dipasang python.

Raspbian dilengkapi dengan Python 2, Python 3 dan perpustakaan Tkinter yang dipasang.

Untuk memeriksa versi yang telah anda pasang, dari terminal berjalan:

python3 - penukaran

Buat fail baru bernama app.py dan masukkan kod asas yang ditunjukkan di bawah:

#! / usr / bin / ular sawa

dari tkinter import * # mengimport Tkinter lib root = Tk () # buat root objek root.wm_title ("Hello World") # menetapkan tajuk root window.mainloop () # memulakan gelung GUI

Sekiranya anda tidak menggunakan IDE, jalankan perintah berikut di terminal dari direktori yang mengandungi kod Python anda untuk menjalankan program.

python3 app.py

Langkah 3: Menyesuaikan Tetingkap

Mari kita lihat cara menyesuaikan tetingkap ini.

Warna latar belakang

root.configure (bg = "black") # ubah warna latar menjadi "hitam"

atau

root.configure (bg = "# F9273E") # gunakan kod warna hex

Dimensi tingkap

root.geometry ("800x480") # tentukan dimensi tetingkap

atau

root.attribut ("- fullscreen", True) # ditetapkan ke skrin penuh

Perlu diingat bahawa anda akan terjebak dalam mod skrin penuh jika anda tidak membuat jalan keluar

# kita boleh keluar ketika kita menekan butang melarikan diri

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

Langkah 4: Widget di Tkinter

Tkinter merangkumi banyak widget yang berbeza untuk membantu anda membuat antara muka pengguna yang paling sesuai. Widget yang boleh anda gunakan merangkumi: • kotak teks

• butang

• butang semak

• gelangsar

• kotak senarai

• butang radio

•dan lain-lain..

Sekarang kita dapat menambahkan beberapa widget seperti teks, butang dan input.

Menambah Widget

Label

label_1 = Label (akar, teks = "Helo, Dunia!")

Sebelum dapat dilihat di tingkap, kita perlu menetapkan kedudukannya. Kami akan menggunakan kedudukan grid.

label_1.grid (baris = 0, lajur = 0) # tetapkan kedudukan

Input Kemasukan

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

label_2 = Label (root, text = "Siapa nama anda?", tinggi = 3, fg = "# 000", bg = "# 99B898") entry_1 = Entry (root) #input entry label_1.grid (baris = 0, lajur = 0) label_2.grid (baris = 1, lajur = 0) entri_1.grid (baris = 1, lajur = 1)

Butang

#Tambah butang di dalam tingkap

Button = Button (root, text = "Submit") Button.grid (baris = 2, lajur = 1)

Langkah 5: Menambah Logik

Sekarang kita mempunyai bentuk yang mudah, namun mengklik butang tidak melakukan apa-apa !!

Kami akan meneroka cara mengatur acara pada widget butang dan mengikatnya dengan fungsi yang dijalankan ketika diklik.

Untuk tujuan ini, kami akan mengemas kini label_1 untuk memaparkan "Hello + teks yang dimasukkan dalam input". Apabila anda memilih butang hantar.

Muat turun kod di bawah kemudian jalankan.

Langkah 6: Kawalan LED

Sejauh ini kita melihat cara menambah butang ke tetingkap dan menambahkan logik untuk melakukan tindakan.

Sekarang, kita akan menukar kod sedikit. Oleh itu, kita akan membuat borang dan menambah dua butang padanya. Satu untuk menghidupkan / mematikan LED, dan yang lain untuk keluar dari program.

Catatan: Pastikan anda telah mengemas kini Raspberry anda sebelum memulakan, dan bahawa anda mempunyai pemasangan perpustakaan GPIO, Buka tetingkap arahan dan masukkan berikut pemasangan pustaka GPIO. Buka tetingkap arahan dan masukkan yang berikut:

$ sudo apt-get kemas kini

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

Binaan:

Bahagian yang Diperlukan:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω Perintang

Membina Litar:

Ikuti gambar di atas.

Perhatikan orientasi LED dan pin yang disambungkan (GPIO23).

Langkah 7: Menambah Servo Motor Controller

Kami akan beralih ke sesuatu selain butang, kami juga dapat menggunakan pelbagai input untuk mengawal output PWM (Pulse Width Modulation) dari Raspberry Pi.

Motor servo adalah pilihan yang tepat untuk menerjemahkan isyarat PWM ke sudut.

Binaan:

Bahagian yang Diperlukan:

1 x Raspberry Pi 3

1 x LED

1 x 330Ω Perintang

1 x Motor Servo

Membina Litar:

Ikuti rajah yang ditunjukkan di atas (LED disambungkan ke GPIO 23, Servo Motor disambungkan ke GPIO 18).

Lihat video jika anda tersekat.

Langkah 8: Kesimpulannya

Di sana anda memilikinya! Pergi dan menawan beberapa idea UI yang luar biasa!

Sekiranya anda mempunyai sebarang pertanyaan, anda boleh memberikan komen.

Untuk melihat lebih banyak mengenai karya saya, sila lawati saluran saya

myYouTube

myTwitter

myLinkedin

Terima kasih kerana membaca arahan ini ^^ dan selamat mencuba. Jumpa lagi. Ahmed Nouira.