PyQt5 - ใช้ Qt Designer

ตัวติดตั้ง PyQt มาพร้อมกับเครื่องมือสร้าง GUI ที่เรียกว่า Qt Designer. ด้วยการใช้อินเทอร์เฟซการลากและวางที่เรียบง่ายสามารถสร้างอินเทอร์เฟซ GUI ได้อย่างรวดเร็วโดยไม่ต้องเขียนโค้ด อย่างไรก็ตามไม่ใช่ IDE เช่น Visual Studio ดังนั้น Qt Designer ไม่มีสิ่งอำนวยความสะดวกในการดีบักและสร้างแอปพลิเคชัน

เริ่มแอปพลิเคชัน Qt Designer ซึ่งเป็นส่วนหนึ่งของเครื่องมือการพัฒนาและติดตั้งในโฟลเดอร์สคริปต์ของสภาพแวดล้อมเสมือน

เริ่มออกแบบอินเทอร์เฟซ GUI โดยเลือกไฟล์→เมนูใหม่

จากนั้นคุณสามารถลากและวางวิดเจ็ตที่ต้องการได้จากกล่องวิดเจ็ตบนบานหน้าต่างด้านซ้าย คุณยังสามารถกำหนดค่าให้กับคุณสมบัติของวิดเจ็ตที่วางบนแบบฟอร์ม

แบบฟอร์มที่ออกแบบจะถูกบันทึกเป็น demo.ui ไฟล์ ui นี้มีการแสดง XML ของวิดเจ็ตและคุณสมบัติในการออกแบบ การออกแบบนี้ได้รับการแปลเป็น Python เทียบเท่าโดยใช้ยูทิลิตี้บรรทัดคำสั่ง pyuic5 ยูทิลิตี้นี้เป็นเครื่องห่อสำหรับโมดูล uic ของชุดเครื่องมือ Qt การใช้งาน pyuic5 มีดังนี้ -

pyuic5 -x demo.ui -o demo.py

ในคำสั่งด้านบนสวิตช์ -x จะเพิ่มโค้ดเพิ่มเติมจำนวนเล็กน้อยให้กับสคริปต์ Python ที่สร้างขึ้น (จาก XML) เพื่อให้กลายเป็นแอปพลิเคชันแบบสแตนด์อโลนที่ดำเนินการได้เอง

if __name__ == "__main__":
   import sys
   app = QtGui.QApplication(sys.argv)
   Dialog = QtGui.QDialog()
   ui = Ui_Dialog()
   ui.setupUi(Dialog)
   Dialog.show()
   sys.exit(app.exec_())

สคริปต์ python ที่เป็นผลลัพธ์ถูกเรียกใช้เพื่อแสดงกล่องโต้ตอบต่อไปนี้ -

python demo.py

ผู้ใช้สามารถป้อนข้อมูลในช่องป้อนข้อมูล แต่การคลิกที่ปุ่มเพิ่มจะไม่สร้างการดำเนินการใด ๆ เนื่องจากไม่เกี่ยวข้องกับฟังก์ชันใด ๆ การตอบสนองต่อการตอบสนองที่ผู้ใช้สร้างขึ้นเรียกว่าเป็นevent handling.