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

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

2. ‫الفيديو‬ ‫محتويات‬
‫الواحد‬ ‫االختيار‬ ‫أدوات‬(Radio Buttons)
‫األطر‬(Frames)
‫المتعدد‬ ‫االختيار‬ ‫أدوات‬(Check Button)

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

4. ‫إنشاء‬RadioButton
from tkinter import *
form=Tk()
form.geometry('300x300')
var=IntVar()
r1=Radiobutton(form,text='option1',variable=var,value=1)
r1.pack(anchor=W)
r2=Radiobutton(form,text='option2',variable=var,value=2)
r2.pack(anchor=W)
form.mainloop()

5. ‫السابقة‬ ‫التعليمات‬ ‫شرح‬
‫مفه‬ ‫تصبح‬ ‫حتى‬ ‫شرحها‬ ‫يجب‬ ‫والتي‬ ‫الهامة‬ ‫التعليمات‬ ‫من‬ ‫مجموعة‬ ‫وضع‬ ‫تم‬ ‫السابقة‬ ‫الشريجة‬ ‫في‬‫ومة‬
‫التعليمة‬:IntVar()‫عددي‬ ‫متغير‬ ‫هو‬ ‫المتغير‬ ‫هذا‬ ‫أن‬ ‫تعريف‬ ‫أجل‬ ‫من‬ ‫استخدامه‬ ‫يتم‬ ‫تابع‬ ‫هو‬
‫التعليمة‬Radiobutton:‫الخصائ‬ ‫من‬ ‫العديد‬ ‫يوجد‬ ‫وضمنها‬ ‫االختيار‬ ‫أداة‬ ‫بإنشاء‬ ‫الخاصة‬ ‫التعليمة‬ ‫هي‬‫ص‬
‫خاصية‬ ‫أول‬form‫إليها‬ ‫األداة‬ ‫إضافة‬ ‫يتم‬ ‫سوف‬ ‫التي‬ ‫النافذة‬ ‫تحدد‬ ‫وهي‬
‫خاصية‬ ‫ثاني‬text:‫عملها‬ ‫على‬ ‫ليدل‬ ‫األداة‬ ‫بجانب‬ ‫سيظهر‬ ‫الذي‬ ‫النص‬ ‫تحدد‬ ‫وهي‬
‫الخاصية‬variable:‫األداة‬ ‫هذه‬ ‫اختيار‬ ‫عند‬ ‫قيمة‬ ‫سيحمل‬ ‫الذي‬ ‫المتغير‬ ‫اسم‬ ‫تحدد‬ ‫وهي‬
‫الخاصية‬value:‫الخاص‬ ‫في‬ ‫بتعريفه‬ ‫قمنا‬ ‫الذي‬ ‫المتغير‬ ‫سيحملها‬ ‫الذي‬ ‫المتغيير‬ ‫قيمة‬ ‫تحدد‬ ‫وهي‬‫السابقة‬ ‫ية‬
‫هامة‬ ‫مالحظة‬:‫تفعي‬ ‫بحالة‬ ‫ستكون‬ ‫األدوات‬ ‫جميع‬ ‫فإن‬ ‫السابقتين‬ ‫الخاصيتين‬ ‫تحديد‬ ‫يتم‬ ‫لم‬ ‫حال‬ ‫في‬‫حال‬ ‫في‬ ‫أما‬ ‫ل‬
‫الخاصية‬ ‫تحديد‬variable‫الخاصية‬ ‫تحديد‬ ‫دون‬value‫بعضها‬ ‫مع‬ ‫ستعمل‬ ‫األدوات‬ ‫فإن‬
‫الخاصية‬anchor‫األداة‬ ‫توضع‬ ‫مكان‬ ‫تحدد‬(‫النافذة‬ ‫منتصف‬ ‫في‬ ‫توضعها‬ ‫مكان‬ ‫افتراضي‬ ‫بشكل‬)

6. ‫مثال‬:
‫م‬ ‫فقط‬ ‫واحدة‬ ‫باختيار‬ ‫المستخدم‬ ‫ليقوم‬ ‫البرمجة‬ ‫لغات‬ ‫من‬ ‫مجموعة‬ ‫أسماء‬ ‫وضع‬ ‫سيتم‬ ‫التالي‬ ‫المثال‬ ‫في‬‫نهم‬

7. import tkinter as tk
from tkinter import *
root = tk.Tk()
root.geometry('300x300')
v = tk.IntVar()
v.set(1)
languages=dict()
languages = {"Python":1,"Perl":2,"Java":3,"C++":4,"C#":5}
def ShowChoice():
lbl['text']="you chose option: "+str(v.get())
lbl=Label(root, text="Choose your favourite programming language:", justify =
tk.LEFT,padx = 20)
lbl.pack()
for language,val in languages.items():
tk.Radiobutton(root, text=language,padx = 20,
variable=v,value=val).pack(anchor=tk.W)
btn=Button(text='show',command=ShowChoice).pack()
root.mainloop()

8. ‫األطر‬frames
‫ال‬ ‫من‬ ‫مجموعة‬ ‫وجود‬ ‫فإن‬ ً‫ا‬‫سابق‬ ‫قلنا‬ ‫كما‬radiobuttons‫واحدة‬ ‫أداة‬ ‫الختيار‬ ‫المستخدم‬ ‫إجبار‬ ‫إلى‬ ‫سيؤدي‬
‫فقط‬ ‫واحد‬ ‫وخيار‬ ‫فقط‬
‫وا‬ ‫خيار‬ ‫اختيار‬ ‫المستخدم‬ ‫من‬ ‫نريد‬ ‫منها‬ ‫وكل‬ ‫الخيارات‬ ‫من‬ ‫منفصلتين‬ ‫مجموعتين‬ ‫لدينا‬ ‫أنه‬ ‫لو‬ ‫ماذا‬‫فقط‬ ‫حد‬
‫مجب‬ ‫نحن‬ ‫الحالة‬ ‫هذه‬ ‫في‬ ،‫يفضلها‬ ‫التي‬ ‫البرمجة‬ ‫لغة‬ ‫وتحديد‬ ‫جنسه‬ ‫تحديد‬ ‫المستخدم‬ ‫من‬ ‫نريد‬ ‫مثال‬‫على‬ ‫رون‬
‫ال‬ ‫أدوات‬ ‫استخدام‬radio button‫طلبنا‬ ‫تحقيق‬ ‫للمستخدم‬ ‫يمكن‬ ‫ال‬ ‫الوقت‬ ‫بنفس‬ ‫ولكن‬
‫األطر‬ ‫باستخدام‬ ‫الحالة‬ ‫هذه‬ ‫بمثل‬ ‫نقوم‬frames
‫نا‬ ‫في‬ ‫وكأنها‬ ‫األدوات‬ ‫باقي‬ ‫عن‬ ‫منفصلة‬ ‫كمجموعات‬ ‫بعضها‬ ‫مع‬ ‫لتعمل‬ ‫األدوات‬ ‫من‬ ‫مجموعة‬ ‫األطر‬ ‫تحدد‬‫فذة‬
‫منفصلة‬
‫والتصم‬ ‫البرمجة‬ ‫من‬ ‫كل‬ ‫يخص‬ ‫فيما‬ ‫تنظيمية‬ ‫عمليات‬ ‫من‬ ‫به‬ ‫تقوم‬ ‫لما‬ ‫بكثرة‬ ‫األطر‬ ‫استخدام‬ ‫يتم‬‫أكثر‬ ‫ويعتبر‬ ‫يم‬
‫ال‬ ‫أدوات‬ ‫أجل‬ ‫من‬ ‫استخداماتها‬radio button‫مجموعات‬ ‫ضمن‬ ‫ولفصلها‬
‫كالتالي‬ ‫األطر‬ ‫إنشاء‬ ‫يتم‬:

9. ‫األطر‬ ‫إنشاء‬
frame1=Frame(root)
frame1.pack()
frame2=Frame(root)
frame2.pack(side=BOTTOM)

10. ‫مثال‬
‫الختيار‬ ‫جديدة‬ ‫اختيار‬ ‫أدوات‬ ‫إليه‬ ‫سنضيف‬ ‫ولكن‬ ‫السابق‬ ‫المثال‬ ‫نفس‬ ‫سنأخذ‬ ‫التالي‬ ‫المثال‬ ‫في‬‫ليصبح‬ ‫الجنس‬
‫كالتالي‬:

11. ‫األول‬ ‫الجزء‬
import tkinter as tk
from tkinter import *
root = tk.Tk()
root.geometry('300x300')
v = tk.IntVar()
v.set(1)
v1=IntVar()
v1.set(0)
frame1=Frame(root)
frame1.pack()
frame2=Frame(root)
frame2.pack()
frame3=Frame(root)
frame3.pack(side=BOTTOM)
languages=dict()
languages = {"Python":1,"Perl":2,"Java":3,"C++":4,"C#":5}

12. ‫الثاني‬ ‫الجزء‬
def ShowChoice():
lbl['text']="you chose option: "+str(v.get())+" and your gender is "+str(v1.get())
lbl=Label(frame3,
text="Choose your favourite programming language:",
justify = tk.LEFT,
padx = 20)
lbl.pack()
for language,val in languages.items():
tk.Radiobutton(frame1,
text=language,
padx = 20,
variable=v,
value=val).pack(anchor=tk.W)

13. ‫الثالث‬ ‫الجزء‬
r1=Radiobutton(frame2,text='male',variable=v1,value=1).pack(anchor=W)
r2=Radiobutton(frame2,text='female',variable=v1,value=2).pack(anchor=W)
btn=Button(frame3,text='show',command=ShowChoice).pack()
root.mainloop()

14. ‫المتعدد‬ ‫االختيار‬ ‫أداة‬
‫خيار‬ ‫من‬ ‫أكثر‬ ‫اختيار‬ ‫ويمكن‬ ‫الخيارات‬ ‫من‬ ‫مجموعة‬ ‫لعرض‬ ‫أداة‬ ‫هي‬
‫أكثر‬ ‫أو‬ ‫واحد‬ ‫خيار‬ ‫اختيار‬ ‫األداة‬ ‫هذه‬ ‫خالل‬ ‫من‬ ‫يمكن‬ ‫أي‬
‫ب‬ ‫األدلة‬ ‫هذه‬ ‫تدعى‬Check Button
‫التالي‬ ‫بالشكل‬ ‫األدلة‬ ‫هذه‬ ‫إنشاء‬ ‫يمكن‬:

15. ‫األداة‬ ‫إنشاء‬Check Button
from tkinter import *
import tkinter
top = Tk()
CheckVar1 = IntVar()
CheckVar2 = IntVar()
C1 = Checkbutton(top, text = "Music", variable = CheckVar1,
onvalue = 1, offvalue = 0, height=5,
width = 20)
C2 = Checkbutton(top, text = "Video", variable = CheckVar2,
onvalue = 1, offvalue = 0, height=5,
width = 20)
C1.pack()
C2.pack()
top.mainloop()

16. ‫الشرح‬
‫الجد‬ ‫هي‬ ‫التالية‬ ‫الخصائص‬ ‫لدينا‬ ‫ويكون‬ ‫السابقة‬ ‫الشيفرة‬ ‫ضمن‬ ‫والخصائص‬ ‫التعليمات‬ ‫جميع‬‫يدة‬
Onvalue:‫بالحالة‬ ‫تصبح‬ ‫عندما‬ ‫األداة‬ ‫تأخذها‬ ‫التي‬ ‫القيمة‬ ‫تحدد‬ ‫وهي‬On
Offvalue:‫بالحالة‬ ‫تصبح‬ ‫عندما‬ ‫األداة‬ ‫قيمة‬ ‫تحدد‬ ‫وهي‬Off
‫أخر‬ ‫مثال‬ ‫التالية‬ ‫الشريحة‬ ‫وفي‬

17. from tkinter import *
master = Tk()
master.geometry('300x300')
def var_states():
lbl['text']="you choose" + str(var1.get())+" " +str(var2.get())+" "+str(var3.get())
lbl=Label(master, text="Your choise:")
lbl.grid(row=0, sticky=W)
var1 = IntVar()
Checkbutton(master, text="C#", variable=var1).grid(row=1, sticky=W)
var2 = IntVar()
Checkbutton(master, text="Java", variable=var2).grid(row=2, sticky=W)
var3=IntVar()
Checkbutton(master, text="Python", variable=var3).grid(row=3, sticky=W)
Button(master, text='Quit', command=master.destroy).grid(row=4, sticky=W,
pady=4)
Button(master, text='Show', command=var_states).grid(row=5, sticky=W, pady=4)
mainloop()