12
ي ن ا ث ل ا ب ي در ث ل ا ر ش ع س ق لط ا ق ي ب ط ت

الترديب الثاني عشر

Embed Size (px)

Citation preview

Page 1: الترديب الثاني عشر

الثاني التدريبعشر

الطقس تطبيق

Page 2: الترديب الثاني عشر

التدريب خطوات

برنامج 1. مشروع NSB/AppStudioشّغ�ل وأنشئباسم .Weatherجديد

.2: كالتالي النموذج خصائص غي�ر

الخاصية القيمة

Id Form1

fullScreen False

Background RGB(190,230,240)

Page 3: الترديب الثاني عشر

التدريب خطواتالعنوان 3. شريط أداة واضبط HeaderBarأضف

: يلي كما خصائصهاأداة HeaderBarخصائص

الخاصية القيمة

Id HeaderBar1

title الطقس

rightButtonIcon

شيء ال

rightButtonName

فراغ

rightChangeForm

فراغ

leftButtonIcon شيء ال

leftButtonName

فراغ

leftChangeForm

فراغ

Theme a

Page 4: الترديب الثاني عشر

التدريب خطواتأداة 4. :TextBoxأضف يلي كما خصائصها واضبط

inputType- تاريخ : ) – نص المدخالت نوع تحدد خاصيةبحث..(

RGB : ) (تتراوح قيمة كل اللون لتحديد تستخدم دالة255و 0بين

أحمر الثالثة Bأزرق , Gاخضر , Rلأللوان

أداة TextBoxخصائص

الخاصية القيمة

Id TextBox1

Align وسط

inputType

بحث

Color RGB(255,255,255)

Theme a

Page 5: الترديب الثاني عشر

التدريب خطواتأداة 4. :Buttonأضف يلي كما خصائصها واضبط

Icon :على المستخدمة األيقونة شكل تحدد خاصيةالزر

Iconpos : الزر على األيقونة مكان

أداة Buttonخصائص

الخاصية القيمة

Id Button1

Height 35

Width 100

Value حث]

Theme A

Iconpos يسار

Icon search

Page 6: الترديب الثاني عشر

التدريب خطواتعنوان 5. أداتي كما Labelأضف خصائصها واضبط

يلي:

أداة Label1خصائص

الخاصية القيمة

Id Label1

Align وسط

borderColor white

borderStyle اخدود

borderWidth

5

Color RGB(5,80,140)

textContent الحرارة درجة

أداة Label2خصائص

الخاصية القيمة

Id Label2

Align وسط

Color RGB(5,80,140)

textContent Label

Page 7: الترديب الثاني عشر

الجديدة الخصائص شرح

الخاصية المعنى

borderColorحدود لون

األداة

borderStyle الحدود نمط

borderWidth

األداة حد حجم

Page 8: الترديب الثاني عشر

التدريب خطواتأداة 6. خصائصها Imageوأداة , Lineأضف واضبط

: يلي كما

أداة Lineخصائص

الخاصية القيمة

Id Line1

Align وسط

backgroundColor

gray

borderColor gray

borderStyle اخدود

borderWidth 1

Color RGB(5,80,140)

أداة imageخصائص

الخاصية القيمة

Id imgIcon

Height 70

Width 70)

Page 9: الترديب الثاني عشر

للتصميم النهائي الشكل

Page 10: الترديب الثاني عشر

البرمجية األوامر كتابة

: اإلجراء التشّغيل بدء عند SubاألمرMain:

الذي المكان جعل أعاله اإلجراء مهمةفارغ الحرارة درجة عرض فيه سيتم

Page 11: الترديب الثاني عشر

بحث للزر البرمجية األوامرButton1

encodeURIComponent : اسم من تتحق دالة. السيرفر في موجود هي وهل المدخلة المدينة

GetSon :السيرفر من الحرارة درجة تجلب دالةالمختارة للمدينة

خاص , , وإجراء المدينة اسم السيرفر اسم إلى وتحتاجفي WeatherDataيسمى الحرارة درجة بعرضLabel

Page 12: الترديب الثاني عشر

درجة بعرض الخاص اإلجراءالحرارة

موقع من الحرارة درجة جلب اإلجراء مهمةopenweathermap

. لها رمزية صورة مع المختارة للمدينة