Showing Revision 4 created 10/19/2015 by Viviane M.

1. Title:
   العُروض
2. Description:

3. 220 0:00 - 0:04
   الخطوة الأولى هي عن اختيار العروض
   التي تريد استخدامها.
4. 4120 0:04 - 0:08
   أوّلاً علي أن أشرح ماذا يعني العرض
   أو View في أندرويد بالتّحديد.
5. 8290 0:08 - 0:12
   ببساطة، العرض هو مستطيل على الشّاشة
   يظهر بعض المحتوى.
6. 12400 0:12 - 0:16
   يمكن أن يكون صورة أو نصّ أو زر
7. 15610 0:16 - 0:17
   أو أيّ شيء آخر يمكن للتّطبيق أن يعرضه.
8. 18320 0:18 - 0:22
   الآن هذه العروض الفرديّة تشكّل ما نسمّيه
   واجهة عرض الشّاشة.
9. 22780 0:23 - 0:25
   كل شي تراه
10. 24690 0:25 - 0:29
    و تتفاعل معه في تطبيقكم
    يسمّى واجهة المستخدم أو UI اختصارًا.
11. 29750 0:30 - 0:33
    هنالك أنواع مختلفة من العروض
    بأسماء مختلفة.
12. 32640 0:33 - 0:36
    يطلق على العرض الذي يُظهر نصوصاً
    إسم العرض النّصي (TextView).
13. 35520 0:36 - 0:37
    وإليكم بعض الأمثلة.
14. 37170 0:37 - 0:40
    ويطلق على العرض الذي يُظهر صورة إسم
    العرض الصّوري (ImageView)،
15. 40120 0:40 - 0:42
    وهذه بعض الأمثلة.
16. 41540 0:42 - 0:45
    ويطلق على العرض الذي يُظهر زراً
    إسم زرّ (Button).
17. 45070 0:45 - 0:46
    و إليكم بعض الأمثلة.
18. 46620 0:47 - 0:50
    الآن، هنالك الكثير من أنواع العروض الأخرى
    في أندرويد واستعمالها مفيد جدًّا،
19. 50150 0:50 - 0:53
    لكننا سنركّز على هذه الثّلاثة أوّلاً.
20. 53020 0:53 - 0:56
    سابقًا ذكرت أن كلّ عرض
    هو عبارة عن مستطيل على الشّاشة،
21. 55770 0:56 - 0:57
    ولكن أين هي كل المستطيلات؟
22. 57890 0:58 - 1:01
    حسناً، تقنيّاً هي غير مرئيّة
    ولكنني سأرسمها لكم،
23. 61290 1:01 - 1:04
    بحيث يمكنكم أن تروا حدود كلّ منها.
24. 64530 1:05 - 1:06
    كما ترون،
25. 65730 1:06 - 1:10
    كل تطبيق يمكن تقسيمه
    إلى العروض الفرديّة التي يتكوّن منها.
26. 70250 1:10 - 1:16
    بعبارة أخرى، العرض هو الحجر الأساسي
    الذي تستخدمونه لبناء واجهة عرض تطبيقكم.
27. 76150 1:16 - 1:20
    لمساعدتكم على فهم فكرة أنّ العروض
    هي مستطيلات على الشّاشة،
28. 80080 1:20 - 1:22
    إليكم حالة قد تكون مألوفةً أكثر لديكم.
29. 82850 1:23 - 1:26
    إذا سبق لكم أن استخدمتم تطبيق
    كـ Paint أو Google Drawings،
30. 86110 1:26 - 1:31
    إذن لا بدّ أنّكم أَضفتم مربع نصّي
    الى اللّوحة ثم كتبتم فيها نصّكم.
31. 91130 1:31 - 1:33
    إذا قمتم بالنّقر خارجه،
32. 92710 1:33 - 1:36
    فإنّكم لن تروا حدود المستطيل
    ولكنّها لاتزال هناك.
33. 96200 1:36 - 1:39
    والحدود في الحقيقة تصبح مهمة
34. 98890 1:39 - 1:41
    عندما تبدؤون بتطبيق أمور
    مثل إضافة لون الخلفيّة
35. 101260 1:41 - 1:45
    أو إضافة حدود حولها،
    عندها يهمّنا مدى كبر المستطيل.
36. 106598 1:47 - 1:51
    أريد أن أشير أيضاً أن أسماء هذه العروض
    تكون بخطّ بالأحرف الهجينة (CamelCase).
37. 112240 1:52 - 1:55
    خطّ بالأحرف الهجينة هو خطّ
    حيث لا يوجد فراغات بين الكلمات
38. 115560 1:56 - 1:58
    وكلّ كلمة تبدأ فيه بحرف كبير.
39. 118860 1:59 - 2:01
    السّبب في تسميته بخطّ بالأحرف الهجينة
40. 120930 2:01 - 2:06
    هو لأنّ تخطيط كل كلمة يرتفع ثمّ ينزل
    كالحدبات على ظهر الجمل.
41. 126680 2:07 - 2:10
    سترون الخطّ بالأحرف الهجينة
    أكثر خلال هذه الدّورة.
42. 130200 2:10 - 2:12
    حسناً، دعونا نتمرّن على ما تعلّمناه.
43. 132420 2:12 - 2:15
    هذه لقطة من الشّاشة
    في تطبيق البريد الإلكتروني الجديد من غوغل،
44. 135090 2:15 - 2:16
    واسمه Inbox.
45. 136660 2:17 - 2:19
    هل تستطيعون التعرّف
    على أنواع العروض المختلفة هنا ؟
46. 139380 2:19 - 2:22
    لمساعدتكم قمت بتعليم
    كلّ واحد من العروض بمفرده.
47. 142100 2:22 - 2:23
    على سبيل المثال من أجل A
48. 143460 2:23 - 2:26
    هل تستطيعون أن تخبروني
    إذا كان عرض نَصّي أو صوري أم هو زرّ.
49. 146880 2:27 - 2:29
    قوموا بنفس الشيء من أجل B وباقي العروض.