Arabic subtitles

بناء واجهة العرض - الحلّ

Get Embed Code
13 Languages

Showing Revision 2 created 10/16/2015 by Viviane M.

  1. لبناء واجة العرض هذه أفتح ملفّ
    activity_main.xml.
  2. أعلم أنّي أحتاج لواجهة عرض خطّيّة عاموديّة
    لوضعها في كلّ من هذه العروض
  3. في خطّ عامودي.
  4. سأغيّر أوّلًا االتّخطيط النّسبي
    الى تخطيط خطّي.
  5. للحال، نرى خطأً يقول
    أنّ العلامة الإفتتاحيّة
  6. لا تتلاءم مع العلامة الختاميّة،
  7. لذا يمكنني أن أنسخ ذلك ولصقه هنا.
  8. والآن العلامات تتلاءم.
  9. بعد ذلك، أستطيع زيادة العروض.
  10. أوّلًا، لديّ العرض النّصي للكميّة.
  11. إذن، سآخذ هذا العرض النّصي
    وأغيّر النّص داخله الى الكمّية.
  12. بعد ذلك، لديّ نصّ يظهر صفر.
  13. إذن، يمكنني أن أنسخ العرض النّصي الأوّل
    وألصقه في أسفله.
  14. سأغيّره لكي يُظهر النّص صفرًا
    لكي يطابق لقطة الشّاشة هنا.
  15. التّقسيمة الأخيرة
    في هذا التّخطيط الخطّي هو زرّ.
  16. لم نزد زرًّا في واجهة عرضنا من قبل،
    فلنبحث كيفيّة فعل ذلك في غوغل.
  17. إن فتحت متصفّحًا بإمكانك البحث
    عن زرّ أندرويد.
  18. الرّابط الأوّل يبدو جيّدًا، إنّه موقع
    developer.android.com.
  19. هذا هو التّوثيق للزّر، بإمكاننا تجاهل
    معظم هذا النّص هنا.
  20. سننزل لكي نقرأ لمحة عامّة عن الفئة.
  21. تتضمّن القليل من نصّ جافا البرمجي،
    الذي لم نتعلّمه بعد
  22. ولكن هنا لدينا الـ XML للزّر.
  23. يمكننا أن ننسخ هذا وسنرى ماذا سيفعل
    في نصّنا البرمجي.
  24. في واجهة عرضنا سأزيد زرّين
    تحت هذين العرضين النصّيين.
  25. سألصق النّص البرمجي من التّوثيق هنا.
  26. والآن بدل من سلسلة التّدمير الذّاتي،
  27. سأختار شيئًا أكثر ودًّا كـ "طلب".
  28. بإمكاننا محو السّطر الأخير
    إذ إنّنا لا نحتاجه،
  29. رائع، والآن لدينا عرض نصّي للكمّية،
    عرض نصّي يُظهر صفرًا،
  30. وزرّ للطّلب.
  31. لنشغّله في تطبيقنا، كي نرى كيف يبدو،
    عبر الضّغط على زرّ التّشغيل الأخضر(Play).
  32. يمكننا أت نرى هنا أنّه ما زال يُنشأ.
  33. ليس هذا ما أردناه.
  34. يبدو أن تخطيطنا الخطّي هو أفقيًّا
    وليس عاموديًّأ.
  35. إذًا لنتأكّد من خاصيّة الإتّجاه.
  36. سنغيّرها
    الى android:orientation="vertical".
  37. سيحلّ هذا المشكلة.
  38. لنشغّله مرّة أخرى.
  39. حسنًا هذا أفضل.
  40. التّقسيمات الثّلاثة تظهر في عامود رأسي.
  41. الآن علينا أن نغيّر شكل هذه الحقول
  42. حتى يبدوا أكثر شبهًا بلقطة الشّاشة
    التي حصلنا عليها.
  43. من لقطة الشّاشة نرى
    أن عرض الكمّية هو بأحرف كبيرة.
  44. في الدّرس الأوّل تعلّمنا عن خاصيّة
    اسمها android:textAllCaps،
  45. وهو يظهر هنا في الإكمال التّلقائي.
  46. إن ظهر كذلك، يمكنك ضغط Enter
  47. سيزيدها الى نصّكم البرمجي تلقائيًّا.
  48. سنحدّد تلك القيمة كصحيحة،
    إذ إنّنا نريد الأحرف الكبيرة.
  49. من الأفضل استعمال
    هذه الأفضليّة لتكبير الأحرف
  50. سببه أنّه إن أردنا تغيير واجهة المستخدم
    كي تظهر أحرف صغيرة هكذا،
  51. كلّ ما نحتاج أن نفعله
    هو أن نزيل هذه الخاصيّة
  52. بدل أن نقوم بتغيير هذا النّص.
  53. بعد ذلك، علينا استعمال حجم ١٦sp
    للنّص الذي يظهر صفرًا،
  54. دعوني أضيف ذلك الآن، وهو يظهر
    في اقتراحات الإكمال التّلقائي،
  55. وسأضغط Enter ثمّ أختار قيمة ١٦sp.
  56. ونريد أن يكون لون الخطّ أسود.
  57. سأستعمل نظام ألوان أندرويد للأسود،
  58. والذي يُشار إليه هكذا.
  59. عظيم، ذلك يهتمّ بأمر عرض نصَّي
    الكمّية والصّفر.
  60. زرّ الطّلب مناسب كما هو،
  61. ستُكَبَّر الأحرف تلقائيًّا في الزّر،
  62. والطّول والعرض هما wrap_content.
  63. نحن نحتاج الى حلّ
    لهذه المسافة العاموديّة هنا.
  64. نريد ١٦dp من المساحة أو الهامش
  65. بين عرض نصّي الكميّة والصّفر.
  66. نريد أيضًا مساحة ١٦dp بين الصّفر
  67. وزرّ الطّلب.
  68. يمكنك تنفيذ ذلك بطرق كثيرة مختلفة،
  69. سأختار زيادتها
    كتصميم للهامش الأعلى لهذا الزّر.
  70. وسأزيدها كهامش سفلي
    لعرض نصّ الكميّة.
  71. لا تتردّوا بأن تقوموا بالأمر
    بطريقة مختلفة طالما يخلق المظهر نفسه.
  72. سبب بخلقي للهوامش في الأعلى والأسفل
  73. هو لأنّي أعلم أنّ المنطقة الوسطى
    ستتغيّر لاحقًا.
  74. سنغيّرها لتصبح منتقٍ للكمّية
    مع زرّ زائد وناقص،
  75. وما زال عليّ أن أضع مساحة ١٦dp
  76. بين عنوان الكمّية والمنتقي.
  77. والأمر نفسه بالنّسبة للزّر.
  78. والآن لنشغّلها مرّة أخرى على جهازنا.
  79. عظيم، تبدو الآن كما نريد.
  80. عرض نصّ الكميّة هو بأحرف كبيرة،
  81. عرض نصّ الصّفر هو بخطّ أسود، حجم ١٦sp،
  82. ولدينا زرّ الطّلب هنا.
  83. ولدينا مساحة ١٦dp بين العروض.
  84. أحسنتم.
  85. كدت أنسى! الإختبار يسأل أيضًا ماذا يحدث
    عندما تضغطون على هذا الزّر.
  86. حسنًا، لا يحصل أيّ شيء، على الأقلّ الآن.
  87. تابعوا المشاهدة لتكتشفوا
    ماذا يحدث بعد ذلك.