الدرس 3 من سلسلة PyQt: إنشاء واجهة بسيطة باستخدام QLabel

 في هذا الدرس، سنتعلم كيفية إنشاء نافذة بسيطة تحتوي على نص باستخدام عنصر QLabel. هذا مفيد جدًا لعرض عناوين أو معلومات داخل الواجهة.

---

✅ ما سنتعلمه:

• استدعاء عنصر QLabel
• عرض نص داخل النافذة
• تنسيق النص باستخدام HTML

---

🧱 الكود الكامل:

import sys
from PyQt5.QtWidgets import QApplication, QLabel, QWidget, QVBoxLayout

# إنشاء التطبيق
app = QApplication(sys.argv)

# إنشاء النافذة
window = QWidget()
window.setWindowTitle('مثال على QLabel')
window.setGeometry(100, 100, 300, 200)

# إنشاء تسمية نصية
label = QLabel('<h2>مرحبًا بك في PyQt!</h2><p>هذا مثال على QLabel.</p>')

# إنشاء التخطيط الرأسي وإضافة التسمية إليه
layout = QVBoxLayout()
layout.addWidget(label)

# ربط التخطيط بالنافذة
window.setLayout(layout)

# عرض النافذة
window.show()

# تشغيل التطبيق
sys.exit(app.exec_())

---

📝 شرح الكود:

• QLabel تستخدم لعرض النصوص داخل التطبيق.
• يمكن تنسيق النص باستخدام وسوم HTML مثل <h1> و <p>.
• تم استخدام QVBoxLayout لترتيب العناصر عموديًا.

---

🧪 تمرين تطبيقي:

مطلوب:
قم بإنشاء نافذة تحتوي على:

• عنوان كبير (مثل: "مرحبا بك")
• فقرة صغيرة تشرح PyQt
• اجعل النص الأوسط باللون الأزرق باستخدام HTML داخل QLabel

---

✅ الحل الكامل:

import sys
from PyQt5.QtWidgets import QApplication, QLabel, QWidget, QVBoxLayout

# إنشاء التطبيق
app = QApplication(sys.argv)

# إنشاء النافذة
window = QWidget()
window.setWindowTitle('تمرين QLabel')
window.setGeometry(200, 200, 400, 200)

# إنشاء تسمية تحتوي على عنوان وفقرة بتنسيق HTML
label = QLabel('''
    <h1>مرحبًا بك</h1>
    <p><span style="color: blue;">PyQt هي مكتبة قوية لإنشاء واجهات رسومية باستخدام بايثون.</span></p>
''')

# إنشاء التخطيط وإضافة العنصر
layout = QVBoxLayout()
layout.addWidget(label)

# تعيين التخطيط للنافذة
window.setLayout(layout)

# عرض النافذة
window.show()

# تشغيل التطبيق
sys.exit(app.exec_())

---

📌 ملاحظات:

• استخدمنا style="color: blue;" داخل وسوم HTML لتلوين النص.
• يمكنك تغيير اللون أو الحجم أو الخط بسهولة من خلال HTML وCSS المصغر داخل QLabel.