YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Arabic subtitles

Coding the Details Screen - Developing Android Apps

Get Embed Code
6 Languages

Showing Revision 8 created 06/09/2016 by Udacity Robot.

  1. إذًا كيف قمت بتقسيم واجهة المستخدم
    إلى مكونات أصغر؟
  2. حسنًا، ربما تكون قد اعتقدت أن
    .هذين عمودين
  3. ولكن بعد ذلك، سيكون من الصعوبة بمكان
    .وضع العناصر هنا
  4. يمكنك تحديد مركزها رأسيًا
    .ضمن حدود ارتفاع الشاشة
  5. ولكن لن يكون من الضروري نظمها
    مع مشاهدات درجة الحرارة على
  6. .اليسار
  7. وبدلاً من ذلك، فهي تبدو
    .على الأرجح نموذجًا يتكون من تخطيط خطي أفقي
  8. ومن ثم فإنه يمكن وضع بقية العناصر
    باستخدام نموذج يتكون من
  9. .تخطيط خطي
  10. قد يتكون النموذج المؤلف من تخطيط خطي عمودي
    .من ستة عناصر تابعة
  11. وقد يكون العنصر الثالث تخطيطًا خطيًا
    .أفقيًا يتألف من عنصرين تابعين
  12. وقد يكون الأول تخطيطًا خطيًا عموديًا
    آخر به هذان العرضان للنص
  13. وقد يكون العنصر الثاني
    .تخطيطًا خطيًا عموديًا آخر يتكون من
  14. .هذين العنصرين
  15. لجعل محتويات الشاشة بالكامل
    قابلة للتمرير رأسيًا
  16. .يتم وضعها داخل عرض مع التمرير
  17. قد يكون استخدام عرض القائمة هنا مبالغة شديدة
    لأننا لا نحتاج إلى قياس
  18. عدد لا نهائي منها و
    .لا نحتاج إلى إعادة استخدامها
  19. هناك عدد ثابت من
    الحقول على الشاشة، وبالتالي
  20. .فإن العرض مع التمرير يعتبر اختيارًا مثاليًا
  21. أستطيع أن أعرض لكم تنفيذنا
    .لتخطيط XML لتفاصيل التجزئة
  22. .تعذر تغييرنا لبعض البيانات في المخطط
  23. وبالتالي يمكن عرضها كمعاينة
    .في لوحة التصميم
  24. ،وفي جذر التدرج الهرمي للعرض
    .لدينا ScrollView
  25. .يمكن أن تتضمن ScrollViews تابعًا واحدًا كحد أقصى
  26. وبالتالي فإن هذا ما وضعناه ليكون
    .LinearLayoutالعمودي
  27. وداخل هذا التخطيط، لدينا
    .TextView لأيام الأسبوع
  28. تاريخ التقويم
    .ثم تخطيط خطي أفقي
  29. ويلي ذلك
    عرض نص humidity
  30. .وعرض نص wind وعرض نص pressure
  31. في الرمز XMO رأينا
    .عرض التمرير مع التخطيط الخطي للعنصر التابع
  32. قمنا بإعطائها مساحة من 16 وحدة dips وبالتالي
  33. فإنه ليس من المعتاد أن يتكون المحتوى في
    .الجهة المقابلة من الشاشة
  34. وبالتالي فإننا نرى عروض النص متبوعة
    .بتخطيط خطي أفقي
  35. لقد قمنا بتحديد هامش تخطيط في الأعلى من 16 وحدة dip
  36. لإعطائه مزيدًا من المساحة من
    .الجزء السفلي من عرض النص
  37. وداخل هذا التخطيط الخطي الأفقي
    .لدينا تخطيط خطي عمودي
  38. عرضه 0
    ووزنه 1
  39. وتخطيط خطي آخر
    .عرضه 0 ووزنه 1
  40. وهذا يعني أن كلا التابعين
    .لهما عرض متساوي
  41. في هذا التخطيط الخطي، قمنا بتحديد أن تكون
    .الجاذبية نحو المركز الأفقي
  42. وهذا يعني أنه سيتم وضع المحتويات
    .بالداخل مركزيًا في شكل أفقي
  43. وهذا يشمل الأيقونة وكذلك
    .التنبؤ بعرض النص
  44. وأخيرًا لدينا عروض النص
    .المتبقية والخاصة بتفاصيل الطقس الأخرى
  45. ،عندما يبدو النموذج في حالة جيدة
    .نقوم بتحديث تجزئة detail
  46. ،وعند هذه النقطة
    .قمنا بنقلها أيضًا إلى الملف الخاص بها
  47. ،وفي طريقة التحميل الأخيرة
  48. كنا معتادين على أن يكون لدينا عرض للبحث عن طريق
    .طلب ID للبحث عن عرض النص
  49. أما وأن تجزئة detail
    تشتمل على المزيد من العروض
  50. فإننا لا نرغب في الاستمرار في إضافة
    .المزيد من عروض البحث عن طريق طلبات ID هناك
  51. ولأنه سيتوجب اجتياز
    التدرج الهرمي للعرض في كل مرة
  52. .يتم فيها تحديث أداة التحميل
  53. .وبدلاً من ذلك نقوم بتعديل أسلوب onCreate
  54. وبمجرد أن يتم تضخيم
    الجزء فإننا نمضي قدمًا
  55. ونبحث عن مرجع لكافة العروض
    .التي سنحتاجها في وقت لاحق
  56. نحفظ هذه العروض كمتغيرات
    ،member(أعضاء) لهذه الفئة
  57. وهو السبب في بدأ الاسم
    .بالحرف m
  58. في الأسلوب on create loader، نتحقق
    من أن التصور
  59. الخاص باستعلام موفر المحتوى يحتوي على
    .جميع المعلومات التي نحتاجها
  60. .وهي معلنة في الجزء العلوي من الملف
  61. كانت تُسمى من قبل
    بأعمدة التنبؤ، لكننا
  62. .قمنا للتو بإعادة تسميتها بأعمدة التفاصيل
  63. وقمنا أيضًا بإضافة المزيد من الأعمدة الأخرى
    لأننا نقوم بعرض المزيد
  64. .من المعلومات على الشاشة
  65. ومن ثم فإننا نقوم في طريقة onLoadFinished
    .بإرجاع المؤشر إلى الخلف مع البيانات التي نحتاجها
  66. قمنا بقراءة معرف
    حالة الطقس من خلال المؤشر
  67. لأننا سنحتاج إلى
    تحديد أي صورة نقوم بعرضها ولكن
  68. .من الآن فصاعدًا يمكننا استخدام أيقونة ترتيب الأماكن
  69. وسوف نستمر في القراءة عن طريق المؤشر
    للحصول على البيانات والأوصاف
  70. .والحقول الأخرى
  71. ولتنسيق البيانات الخاصة بالمستخدم بشكل ملائم
    قمنا بعمل عدة نسخ من السلاسل
  72. .وأسلوب الأداة المساعدة من gist