ما هو PyQt Designer؟
PyQt Designer هو أداة رسومية (GUI Tool) تأتي مع مكتبة PyQt وتُستخدم لتصميم واجهات المستخدم (Forms & Windows) بطريقة سحب وإفلات بدلًا من كتابة الأكواد يدويًا.
الفكرة ببساطة:
- تصمم واجهتك رسوميًا (زر، مربع نص، قائمة...).
- تحفظ الملف بامتداد .ui.
- ثم تربطه بكود بايثون لمعالجة الأحداث وتنفيذ المنطق البرمجي.
بهذا الشكل تختصر الكثير من الوقت، خاصة في المشاريع الكبيرة.
تثبيت PyQt Designer
1️⃣ تثبيت PyQt5 مع Designer
أولًا نثبت المكتبة باستخدام pip:
pip install pyqt5 pyqt5-tools
- مكتبة PyQt5: الأساسية للعمل مع Python.
- مكتبة pyqt5-tools: تحتوي على أداة Qt Designer.
2️⃣ تشغيل Qt Designer
بعد التثبيت، ستجد ملف designer.exe داخل:
...\Python\Lib\site-packages\qt5_applications\Qt\bin\designer.exe
يمكنك تشغيله مباشرة، أو إضافة المسار إلى متغير PATH لتشغيله من أي مكان.
مميزات العمل مع PyQt Designer
- سهولة التصميم بدون كتابة كود HTML/CSS أو بايثون يدوي.
- يدعم Layouts لجعل الواجهة متجاوبة مع جميع أحجام الشاشات.
- حفظ الواجهة في ملف .ui يمكن استدعاؤه لاحقًا في المشاريع.
- يدعم كل العناصر الرسومية: أزرار، جداول، تبويبات، شريط قوائم، إلخ.
تمرين عملي (بسيط جدًا)
🎯 الهدف: إنشاء أول نافذة رسومية باستخدام PyQt Designer.
الخطوات:
- افتح Qt Designer.
- اختر Main Window ثم اضغط OK.
- من شريط الأدوات اسحب زر (Push Button) وضعه في منتصف النافذة.
- احفظ الملف باسم:
first_app.ui
تحويل ملف .ui إلى بايثون:
نستخدم الأمر التالي:
pyuic5 -x first_app.ui -o first_app.py
سيُنتج لك ملف first_app.py يمكنك تشغيله:
python first_app.py
النتيجة 🎉
نافذة بسيطة تحتوي على زر واحد.
🔜 في الدرس الثاني:
سوف نتعلم إضافة النصوص والـ Labels والتعامل معها باستخدام Designer.