1. ‫الثامن‬ ‫التدريب‬
‫صور‬ ‫وعدة‬ ‫كلمة‬ ‫تطبيق‬

2. ‫التدريب‬ ‫خطوات‬
.1‫برنامج‬ ‫ل‬ّ‫غ‬‫ش‬NSB/AppStudio‫مشروع‬ ‫وأنشئ‬
‫باسم‬ ‫جديد‬FunnyLearn.
.2‫كالتالي‬ ‫النموذج‬ ‫خصائص‬ ‫ر‬ّ‫ي‬‫غ‬:
‫الخاصية‬‫القيمة‬
IdForm1
fullScreenFalse

3. ‫األول‬ ‫النموذج‬

4. ‫التدريب‬ ‫خطوات‬
.3‫عنوان‬ ‫أداتي‬ ‫أضف‬Label‫يلي‬ ‫كما‬ ‫خصائصها‬ ‫واضبط‬:
‫خصائص‬Label1
‫الخاصية‬‫القيمة‬
idLabel1
Align‫وسط‬
alignVertical‫وسط‬
backgroundCol
or
#F7FE2
E
ColorRed
textContent‫وعدة‬ ‫كلمة‬
‫صور‬
‫خصائص‬Label2
‫الخاصية‬‫القيمة‬
idLabel2
Align‫وسط‬
alignVertic
al
‫وسط‬
backgroun
dColor
green
ColorWhite
textConten
t
‫أرنب‬

5. O‫صور‬ ‫أدوات‬ ‫أربع‬ ‫أضف‬image
‫خصائص‬image1
‫الخاصية‬‫القيمة‬
Idimg1frm1
srcCat.png
‫خصائص‬image2
‫الخاصية‬‫القيمة‬
Idimg2frm1
srcHorse.png
‫خصائص‬image3
‫الخاصية‬‫القيمة‬
Idimg3frm1
srcrabbit.png
‫خصائص‬image4
‫الخاصية‬‫القيمة‬
Idimg4frm1
srcduck.png

6. ‫صوت‬ ‫أداتي‬ ‫أضف‬Audio‫وأداة‬Select‫الخصائص‬ ‫واضبط‬:
‫خصائص‬Audio1
‫الخاصية‬‫القيمة‬
IdaudRight
control
s
srcRight.m4a
‫خصائص‬Select1
‫الخاصية‬‫القيمة‬
IdSelect1
items‫المجموعة‬1,‫المجموعة‬2
‫خصائص‬Audio2
‫الخاصية‬‫القيمة‬
IdaudWrong
control
s
srcwrong.m4a

7. ‫الثاني‬ ‫النموذج‬

8. ‫األول‬ ‫النموذج‬ ‫من‬ ‫الصور‬ ‫انسخ‬ ‫ثم‬ ‫جديد‬ ‫نموذج‬ ‫أضف‬
‫خصائصها‬ ‫ّل‬‫د‬‫ع‬ ‫ثم‬ ‫الثاني‬ ‫بالنموذج‬ ‫والصقها‬:
‫خصائص‬image1
‫الخاصية‬‫القيمة‬
Idimg1frm2
srcbanana.p
ng
‫خصائص‬image2
‫الخاصية‬‫القيمة‬
Idimg2frm2
srcapple.png
‫خصائص‬image3
‫الخاصية‬‫القيمة‬
Idimg3frm2
srcstrawberry.
png
‫خصائص‬image4
‫الخاصية‬‫القيمة‬
Idimg4frm2
srcorange.png

9. ‫التدريب‬ ‫خطوات‬
.3‫العنوان‬ ‫أداتي‬ ‫انسخ‬Label‫على‬ ‫والصقها‬ ‫األول‬ ‫النموذج‬ ‫من‬
‫يلي‬ ‫كما‬ ‫خصائصها‬ ‫ّل‬‫د‬‫وع‬ ‫الثاني‬ ‫النموذج‬:
‫خصائص‬Label3
‫الخاصية‬‫القيمة‬
idLabel3
Align‫وسط‬
alignVertical‫وسط‬
backgroundCol
or
#F7FE2
E
ColorRed
textContent‫وعدة‬ ‫كلمة‬
‫صور‬
‫خصائص‬Label4
‫الخاصية‬‫القيمة‬
idLabel4
Align‫وسط‬
alignVertic
al
‫وسط‬
backgroun
dColor
green
ColorWhite
textConten
t
‫تفاحة‬

10. ‫البرمجية‬ ‫األوامر‬
O‫النقر‬ ‫حدث‬ ‫في‬onClick‫كانت‬ ‫إذا‬ ‫الكود‬ ‫هذا‬ ‫اكتب‬
‫صحيحة‬ ‫غير‬ ‫الصورة‬(6‫صور‬‫النموذجين‬ ‫في‬):
O‫النقر‬ ‫حدث‬ ‫في‬onClick‫كانت‬ ‫إذا‬ ‫الكود‬ ‫هذا‬ ‫اكتب‬
‫الصورة‬‫صحيحة‬(‫النموذجين‬ ‫في‬ ‫صورتين‬):

11. ‫برمجة‬List1‫األول‬ ‫النموذج‬ ‫في‬

12. ‫برمجة‬List2‫الثاني‬ ‫النموذج‬ ‫في‬