الدرس السابع من دروس تعلم أساسيات تصميم الوجهات باستخدام بايثون

1. Seventh Session in
GUI Python
‫العربية‬ ‫التقنية‬ ‫نقابة‬
‫إعداد‬:‫م‬.‫محمد‬ ‫علي‬

2. ‫الفيديو‬ ‫محتويات‬
‫القائمة‬ ‫األداة‬List
‫القائمة‬ ‫زر‬ ‫األداة‬Menu Button

3. ‫القائمة‬ ‫أداة‬
‫قائمة‬ ‫شكل‬ ‫على‬ ‫الخيارات‬ ‫من‬ ‫مجموعة‬ ‫تعرض‬ ‫أداة‬ ‫عن‬ ‫عبارة‬ ‫هي‬
‫واحد‬ ‫شيء‬ ‫في‬ ‫إال‬ ‫األداة‬ ‫وهذه‬ ‫السابق‬ ‫الفيديو‬ ‫في‬ ‫ذكرها‬ ‫تم‬ ‫التي‬ ‫األدوات‬ ‫بين‬ ‫كبير‬ ‫فرق‬ ‫يوجد‬ ‫ال‬
‫مثل‬ ‫لتعمل‬ ‫فقط‬ ‫واحد‬ ‫خيار‬ ‫اختيار‬ ‫يمكنه‬ ‫المستخدم‬ ‫إذا‬ ‫فيما‬ ‫تحديد‬ ‫البرمجة‬ ‫أثناء‬ ‫يمكن‬ ‫األداة‬ ‫هذه‬(radio
button)‫مثل‬ ‫لتعمل‬ ‫خيار‬ ‫من‬ ‫أكثر‬ ‫اختيار‬ ‫يمكنه‬ ‫أو‬Check Button
‫التالي‬ ‫المثال‬ ‫ضمن‬ ‫سنستعرضها‬ ‫أخرى‬ ‫خيارات‬ ‫عدة‬ ‫يوجد‬ ‫كما‬:

4. from tkinter import *
top = Tk()
top.geometry('600x650')
Lb1 = Listbox(top,selectmode=BROWSE,height=8)
Lb1.insert(1, "Python")
Lb1.insert(2, "Perl")
Lb1.insert(3, "C")
Lb1.insert(4, "PHP")
Lb1.insert(5, "JSP")
Lb1.insert(6, "Ruby")
Lb1.pack()

5. Lb2 = Listbox(top,selectmode=SINGLE,height=8)
Lb2.insert(1, "Python")
Lb2.insert(2, "Perl")
Lb2.insert(3, "C")
Lb2.insert(4, "PHP")
Lb2.insert(5, "JSP")
Lb2.insert(6, "Ruby")
Lb2.pack()
Lb3 = Listbox(top,selectmode=MULTIPLE,height=8)
Lb3.insert(1, "Python")
Lb3.insert(2, "Perl")
Lb3.insert(3, "C")
Lb3.insert(4, "PHP")
Lb3.insert(5, "JSP")
Lb3.insert(6, "Ruby")
Lb3.pack()

6. Lb4 = Listbox(top,selectmode=EXTENDED,height=8)
Lb4.insert(1, "Python")
Lb4.insert(2, "Perl")
Lb4.insert(3, "C")
Lb4.insert(4, "PHP")
Lb4.insert(5, "JSP")
Lb4.insert(6, "Ruby")
Lb4.pack()
top.mainloop()

7. ‫شرح‬
‫الخاصية‬ ‫تحدد‬selectmode‫التالية‬ ‫القيم‬ ‫ولها‬ ‫القائمة‬ ‫ضمن‬ ‫الخيارات‬ ‫تحديد‬ ‫طريقة‬:
Browse:‫اختيار‬ ‫دون‬ ‫القائمة‬ ‫ضمن‬ ‫المحتويات‬ ‫الستعراض‬ ‫فقط‬ ‫هي‬
Single:‫فقط‬ ‫واحد‬ ‫خيار‬ ‫الختيار‬ ‫هي‬
Multiple:‫خيار‬ ‫من‬ ‫أكثر‬ ‫الختيار‬ ‫وهي‬
Extended:‫بالفأرة‬ ‫واإلفالت‬ ‫السحب‬ ‫باستخدام‬ ‫خيار‬ ‫من‬ ‫أكثر‬ ‫الختيار‬ ‫وهي‬

8. ‫القائمة‬ ‫زر‬ ‫أداة‬Menubutton
‫زر‬ ‫شكل‬ ‫على‬ ‫ولكن‬ ‫قائمة‬ ‫أداة‬ ‫هي‬
‫لها‬ ‫اكثر‬ ‫أو‬ ‫خيار‬ ‫إضافة‬ ‫يمكن‬
‫منها‬ ‫اكثر‬ ‫أو‬ ‫واحد‬ ‫خيار‬ ‫اختيار‬ ‫يمكن‬
‫فقط‬ ‫واحد‬ ‫خيار‬ ‫اختيار‬ ‫على‬ ‫المستخدم‬ ‫إجبار‬ ‫ويمكن‬
‫التالي‬ ‫بالشكل‬ ‫إنشاؤها‬ ‫يتم‬

9. from tkinter import *
top = Tk()
top.geometry('600x650')
mb= Menubutton ( top, text="gender", relief=RAISED )
mb.menu = Menu ( mb, tearoff = 0 )
mb["menu"] = mb.menu
var1=IntVar()
var2=IntVar()
mb.menu.add_radiobutton ( label="male",
variable=var1, value=1 )
mb.menu.add_radiobutton ( label="female",
variable=var1, value=2 )
mb.pack()

10. mb1= Menubutton ( top, text="language", relief=RAISED )
mb1.menu = Menu ( mb1, tearoff = 0 )
mb1["menu"] = mb1.menu
csharp = IntVar()
java = IntVar()
python=IntVar()
perl=IntVar()
mb1.menu.add_checkbutton ( label="c#",
variable=csharp )
mb1.menu.add_checkbutton ( label="java",
variable=java )
mb1.menu.add_checkbutton ( label="python",
variable=python )
mb1.menu.add_checkbutton ( label="perl",
variable=perl )
mb1.pack()
top.mainloop()

11. ‫الشرح‬
‫التالية‬ ‫الجديدة‬ ‫الخصائص‬ ‫استخدام‬ ‫تم‬ ‫األداة‬ ‫إنشاء‬ ‫عند‬:
Relife:‫القيمة‬ ‫وأخذ‬ ‫وضعها‬ ‫عند‬RAISED‫الضغط‬ ‫وعند‬ ‫زر‬ ‫شكل‬ ‫على‬ ‫األداة‬ ‫تظهر‬‫القائمة‬ ‫تظهر‬ ‫عليه‬
‫القائمة‬ ‫تظهر‬ ‫عليها‬ ‫الضغط‬ ‫وعند‬ ‫عنوان‬ ‫شكل‬ ‫على‬ ‫األداة‬ ‫تظهر‬ ‫أزلناها‬ ‫حال‬ ‫في‬ ‫أما‬
Tearoff:‫أخرى‬ ‫نافذة‬ ‫في‬ ‫أو‬ ‫النافذة‬ ‫نفس‬ ‫في‬ ‫القائمة‬ ‫تظهر‬ ‫حال‬ ‫في‬ ‫الخاصية‬ ‫هذه‬ ‫تحدد‬
add_radiobutton:‫شكل‬ ‫على‬ ‫تكون‬ ‫القائمة‬ ‫ضمن‬ ‫العناصر‬ ‫فإن‬ ‫الخاصية‬ ‫هذه‬ ‫استخدام‬ ‫عند‬radio
button‫منها‬ ‫واحدة‬ ‫سوى‬ ‫اختيار‬ ‫يمكن‬ ‫وال‬
add_checkbutton:‫شكل‬ ‫على‬ ‫تكون‬ ‫القائمة‬ ‫ضمن‬ ‫العناصر‬ ‫فإن‬ ‫الخاصية‬ ‫هذه‬ ‫استخدام‬ ‫عند‬check
button‫ويمكن‬‫اختيار‬‫أكثر‬ ‫أو‬ ‫واحد‬ ‫عنصر‬