Arabic subtitles

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

Get Embed Code
13 Languages

Showing Revision 3 created 10/16/2015 by raneem mouselli.

  1. لبناء واجخة العرض هذه أفتح ملفّ
    activity_main.xml.
  2. أعلم أنّي أحتاج لواجهة عرض خطّيّة عاموديّة
    لوضعها في كلّ من هذه المعاينة
  3. في خطّ عامودي.
  4. سأغيّر أوّلًا االتّخطيط النّسبي
    الى تخطيط خطّي.
  5. للحال، نرى خطأً يقول
    أنّ ترميز الفتح
  6. لا تتلاءم مع ترميزالإغلاق،
  7. لذا يمكنني أن أنسخ ذلك ولصقه هنا.
  8. والآن تتلاءم.
  9. بعد ذلك، أستطيع إضافة المعاينات.
  10. أوّلًا، لديّ معاينة نصية للكميّة.
  11. إذن، سآخذ هذه المعاينة النّصية
    وأغيّر النّص داخلها الى الكمّية.
  12. بعد ذلك، لديّ نصّ يظهر صفر.
  13. إذن، يمكنني أن أنسخ المعاينة
    النّصية الأوّلى وألصقها أسفلها.
  14. سأغيّره لكي يُظهر النّص صفرًا
    لكي يطابق لقطة الشّاشة هنا.
  15. التّقسيمة الأخيرة
    في هذا التّخطيط الخطّي هو زرّ.
  16. لم نزد زرًّا في واجهة عرضنا من قبل،
    فلنبحث كيفيّة فعل ذلك في Google.
  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. تابعوا المشاهدة لتكتشفوا
    ماذا يحدث بعد ذلك.