
สารบัญ:
2025 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2025-01-23 15:12

คุณมี Raspberry Pi และไอเดียเจ๋งๆ แต่คุณจะทำให้ผู้ใช้โต้ตอบด้วยได้ง่ายเหมือนสมาร์ทโฟนได้อย่างไร
การสร้างส่วนต่อประสานกราฟิกกับผู้ใช้ (GUI) นั้นค่อนข้างง่าย และด้วยความอดทน คุณสามารถสร้างโครงการที่น่าทึ่งได้
ขั้นตอนที่ 1: ภาพรวมแบบกว้าง
หนึ่งในเครื่องมือที่ทรงพลังที่สุดที่ Raspberry Pi มีให้เหนือไมโครอื่น ๆ คืออัตราที่รวดเร็วและความสะดวกที่คุณสามารถสร้าง Graphical User Interface (GUI) สำหรับโครงการของคุณ
วิธีหนึ่งที่จะบรรลุสิ่งนี้ พิเศษถ้าคุณมีหน้าจอสัมผัสเต็มรูปแบบ (หรือหน้าจอมาตรฐานและอุปกรณ์อินพุตเช่นเมาส์) มันช่างน่าทึ่ง!
สำหรับวัตถุประสงค์ของบทความนี้ เราจะใช้ Python 3 กับ Tkinter:
ไลบรารี่อันทรงพลังสำหรับการพัฒนาแอปพลิเคชันส่วนต่อประสานกราฟิกกับผู้ใช้ (GUI) บน Raspberry Pi ที่ผู้ผลิตกังวล
Tkinter น่าจะใช้กับ Python มากที่สุดและมีแหล่งข้อมูลมากมายบนอินเทอร์เน็ต
ขั้นตอนที่ 2: "สวัสดีชาวโลก" ใน Tkinter

เรากำลังใช้ aRaspberry Pi ที่โหลดด้วย Raspbian Stretch OS
เพื่อเรียกใช้แอปพลิเคชัน Tkinter GUI ของเรา เรายังสามารถใช้ระบบปฏิบัติการอื่นที่ติดตั้ง python ไว้ได้
Raspbian มาพร้อมกับ Python 2, Python 3 และไลบรารี Tkinter ที่ติดตั้งไว้
วิธีตรวจสอบว่าคุณได้ติดตั้งเวอร์ชันใด จากการรันเทอร์มินัล:
python3 --version
สร้างไฟล์ใหม่ชื่อ app.py และป้อนรหัสฐานที่แสดงด้านล่าง:
#!/usr/bin/python
จากการนำเข้า tkinter * # นำเข้าราก Tkinter lib = Tk() # สร้างวัตถุราก root.wm_title ("สวัสดีชาวโลก") # ตั้งชื่อของหน้าต่าง root.mainloop () # เริ่มวนรอบ GUI
หากคุณไม่ได้ใช้ IDE ให้รันคำสั่งต่อไปนี้ในเทอร์มินัลจากไดเร็กทอรีที่มีโค้ด Python ของคุณเพื่อรันโปรแกรม
python3 app.py
ขั้นตอนที่ 3: การปรับแต่งหน้าต่าง

ตอนนี้เรามาดูวิธีปรับแต่งหน้าต่างนี้กัน
สีพื้นหลัง
root.configure(bg="black") # เปลี่ยนสีพื้นหลังเป็น "black"
หรือ
root.configure(bg="#F9273E") # ใช้รหัสสีฐานสิบหก
ขนาดหน้าต่าง
root.geometry("800x480") # ระบุขนาดหน้าต่าง
หรือ
root.attributes("-fullscreen", True) # set to fullscreen
โปรดทราบว่าคุณจะติดอยู่ในโหมดเต็มหน้าจอหากคุณไม่ได้สร้างวิธีการออก
#ออกได้เมื่อกดแป้น Escape
def end_fullscreen(เหตุการณ์): root.attributes("-fullscreen", False) root.bind("", end_fullscreen)
ขั้นตอนที่ 4: วิดเจ็ตใน Tkinter


Tkinter มีวิดเจ็ตต่างๆ มากมายเพื่อช่วยคุณสร้างอินเทอร์เฟซผู้ใช้ที่เหมาะสมที่สุด วิดเจ็ตที่คุณสามารถใช้ได้ได้แก่:• กล่องข้อความ
• ปุ่ม
• ตรวจสอบปุ่ม
• ตัวเลื่อน
• กล่องรายการ
• ปุ่มตัวเลือก
•เป็นต้น..
ตอนนี้ เราสามารถเพิ่มวิดเจ็ตบางอย่างได้ เช่น ข้อความ ปุ่ม และอินพุต
การเพิ่มวิดเจ็ต
ป้าย
label_1 = ป้ายกำกับ (root, text="Hello, World!")
ก่อนที่มันจะปรากฏในหน้าต่าง เราต้องตั้งค่าตำแหน่ง เราจะใช้การวางตำแหน่งกริด
label_1.grid(row=0, column=0) # กำหนดตำแหน่ง
ป้อนข้อมูลเข้า
label_1 = Label(root, text="Hello, World!", font="Verdana 26 bold, fg="#000", bg="#99B898")
label_2 = Label(root, text="What is your name?", fg="#000", bg="#99B898") entry_1 = Entry(root) #input entry label_1.grid(row=0), คอลัมน์=0) label_2.grid(แถว=1, คอลัมน์=0) entry_1.grid(แถว=1, คอลัมน์=1)
ปุ่ม
#เพิ่มปุ่มในหน้าต่าง
ปุ่ม = ปุ่ม (ราก, ข้อความ = "ส่ง") Button.grid(แถว=2, คอลัมน์=1)
ขั้นตอนที่ 5: การเพิ่มลอจิก


ตอนนี้เรามีแบบฟอร์มง่ายๆ แต่การคลิกที่ปุ่มไม่ทำอะไรเลย !!
เราจะสำรวจวิธีตั้งค่าเหตุการณ์บนวิดเจ็ตปุ่มและผูกเข้ากับฟังก์ชันที่ดำเนินการเมื่อคลิก
เพื่อจุดประสงค์นี้ เราจะอัปเดต label_1 เพื่อแสดง "สวัสดี + ข้อความที่ป้อนในอินพุต" เมื่อคุณเลือกปุ่มส่ง
ดาวน์โหลดรหัสด้านล่างแล้วเรียกใช้
ขั้นตอนที่ 6: การควบคุม LED




จนถึงตอนนี้ เราเห็นวิธีเพิ่มปุ่มในหน้าต่างและเพิ่มตรรกะเพื่อดำเนินการ
ตอนนี้เราจะเปลี่ยนรหัสเล็กน้อย ดังนั้นเราจะสร้างฟอร์มและเพิ่มปุ่มสองปุ่มเข้าไป หนึ่งสำหรับเปิด/ปิด LED และอีกอันเพื่อออกจากโปรแกรม
หมายเหตุ: ตรวจสอบให้แน่ใจว่าคุณได้อัปเดต Raspberry ของคุณก่อนที่จะเริ่ม และคุณได้ติดตั้งไลบรารี GPIO แล้ว เปิดหน้าต่างคำสั่งและป้อนสิ่งต่อไปนี้ การติดตั้งไลบรารี GPIO เปิดหน้าต่างคำสั่งและป้อนข้อมูลต่อไปนี้:
$ sudo apt-get update
$ sudo apt-get ติดตั้ง python-rpi.gpio python3-rpi.gpio
การสร้าง:
อะไหล่ที่ต้องการ:
1 x ราสเบอร์รี่ Pi 3
1 x LED
ตัวต้านทาน 1 x 330Ω
การสร้างวงจร:
ติดตามรูปภาพด้านบน
ให้ความสนใจกับการวางแนว LED และพินที่เชื่อมต่อ (GPIO23)
ขั้นตอนที่ 7: การเพิ่มตัวควบคุมเซอร์โวมอเตอร์



เราจะย้ายไปยังอย่างอื่นที่ไม่ใช่ปุ่มที่เราสามารถใช้อินพุตต่างๆ เพื่อควบคุมเอาต์พุต PWM (Pulse Width Modulation) จาก Raspberry Pi
เซอร์โวมอเตอร์เป็นทางเลือกที่ดีที่จะแปลงสัญญาณ PWM เป็นมุม
การสร้าง:
อะไหล่ที่ต้องการ:
1 x ราสเบอร์รี่ Pi 3
1 x LED
ตัวต้านทาน 1 x 330Ω
1 x เซอร์โวมอเตอร์
การสร้างวงจร:
ทำตามไดอะแกรมที่แสดงด้านบน (LED เชื่อมต่อกับ GPIO 23, Servo Motor เชื่อมต่อกับ GPIO 18)
ตรวจสอบวิดีโอหากคุณติดขัด
ขั้นตอนที่ 8: สรุป

ที่นั่นคุณมีมัน! ออกไปและพิชิตแนวคิด UI ที่น่าทึ่ง!
หากคุณมีคำถามใด ๆ แน่นอนคุณสามารถแสดงความคิดเห็น
ดูผลงานเพิ่มเติมได้ที่ช่อง
myYouTube
myTwitter
myLinkedin
ขอบคุณที่อ่านคำแนะนำนี้ ^^ และมีวันที่ดี แล้วเจอกัน. อาเหม็ด นูอิรา.
แนะนำ:
เริ่มต้นใช้งาน STM32f767zi Cube IDE และอัปโหลดภาพร่างแบบกำหนดเอง: 3 ขั้นตอน

เริ่มต้นใช้งาน STM32f767zi Cube IDE และอัปโหลด Custom Sketch: ซื้อ (คลิกทดสอบเพื่อซื้อ/เยี่ยมชมหน้าเว็บ)STM32F767ZISUPPORTED SOFTWARE· STM32CUBE IDE· KEIL MDK ARM µVISION· EWARM IAR EMBEDDED WORKBENCH· ซอฟต์แวร์ ARDUINO ที่มีอยู่ ใช้ในการตั้งโปรแกรมไมโครคอนโทรลเลอร์ STM
เริ่มต้นใช้งาน ROS Melodic บน Raspberry Pi 4 Model B: 7 ขั้นตอน

เริ่มต้นใช้งาน ROS Melodic บน Raspberry Pi 4 รุ่น B: ระบบปฏิบัติการหุ่นยนต์ (ROS) คือชุดของไลบรารีซอฟต์แวร์และเครื่องมือที่ใช้ในการสร้างระบบและแอปพลิเคชันหุ่นยนต์ ROS เวอร์ชันบริการระยะยาวในปัจจุบันคือ Melodic Morenia ROS Melodic เข้ากันได้กับ Ubuntu 18.04 Bionic Beaver เท่านั้น
เริ่มต้นใช้งาน Raspberry Pi 4 Desktop Kit: 7 ขั้นตอน

เริ่มต้นใช้งาน Raspberry Pi 4 Desktop Kit: Raspberry Pi 4 เป็นคอมพิวเตอร์ขนาดเล็กขนาดเล็กที่ทรงพลัง พร้อมรองรับ 4K สองหน้าจอ, USB 3.0, CPU และ GPU ใหม่ และ RAM สูงสุด 4GB ในบทช่วยสอนนี้ คุณจะ เรียนรู้วิธีตั้งค่า Raspberry Pi 4 Model B และติดตั้งทุกสิ่งที่คุณต้องการเพื่อใช้ fu
การติดตั้ง Raspbian Buster บน Raspberry Pi 3 - เริ่มต้นใช้งาน Raspbian Buster ด้วย Raspberry Pi 3b / 3b+: 4 ขั้นตอน

การติดตั้ง Raspbian Buster บน Raspberry Pi 3 | เริ่มต้นใช้งาน Raspbian Buster ด้วย Raspberry Pi 3b / 3b+: สวัสดี องค์กร Raspberry pi ที่เพิ่งเปิดตัว Raspbian OS ใหม่ที่เรียกว่า Raspbian Buster เป็นเวอร์ชันใหม่ของ Raspbian สำหรับ Raspberry pi ดังนั้นวันนี้ในคำแนะนำนี้ เราจะได้เรียนรู้วิธีติดตั้ง Raspbian Buster OS บน Raspberry pi 3 ของคุณ
การติดตั้ง Raspbian ใน Raspberry Pi 3 B โดยไม่ต้องใช้ HDMI - เริ่มต้นใช้งาน Raspberry Pi 3B - การตั้งค่า Raspberry Pi ของคุณ 3: 6 ขั้นตอน

การติดตั้ง Raspbian ใน Raspberry Pi 3 B โดยไม่ต้องใช้ HDMI | เริ่มต้นใช้งาน Raspberry Pi 3B | การตั้งค่า Raspberry Pi ของคุณ 3: อย่างที่พวกคุณบางคนรู้ว่าคอมพิวเตอร์ Raspberry Pi นั้นยอดเยี่ยมมากและคุณสามารถรับคอมพิวเตอร์ทั้งหมดได้บนบอร์ดเล็ก ๆ ตัวเดียว Raspberry Pi 3 Model B มี ARM Cortex A53 แบบ 64 บิตแบบ quad-core โอเวอร์คล็อกที่ 1.2 GHz ทำให้ Pi 3 ประมาณ 50