Return to Video

So Much Real Estate Part 3

  • 0:00 - 0:02
    نحن تقريبًا هنا ومعنا
    .تخطيط أجهزتنا اللوحية
  • 0:02 - 0:03
    .حان وقت إجراء ذلك
  • 0:03 - 0:05
    .فستواجهنا مشكلتان أيضًا
  • 0:05 - 0:08
    أولاً إذا قمت بتجربة ذلك على
    ،Nexus 7أو جهاز لوحي آخر مقاس شاشته 7 بوصة
  • 0:08 - 0:12
    فهناك فرصة جيدة ألا يتم عرض detail
    .في وضع عرضي
  • 0:12 - 0:14
    وسبب ذلك
    هو أن عرض الشبكة لا يمكن أن يحل
  • 0:14 - 0:16
    .القيود التي فرضناها عليه
  • 0:16 - 0:19
    والسبب في عدم امتلاكنا مساحة كافية
    هو أن تصميم
  • 0:19 - 0:20
    هذا العرض يدعو إلى
  • 0:20 - 0:24
    وضع شريط الأدوات في مستوى
    .الشبكة التفصيلية وليس فوقها
  • 0:24 - 0:27
    تعد المشكلة الثانية
    .مشكلة خاصة بالارتفاع
  • 0:27 - 0:31
    يدعو تصميمنا إلى وجود ظل حول
    .عرض detail لدينا، إلا أن المشكلة ليست في ذلك فقط
  • 0:32 - 0:36
    نظرًا لأننا نرغب في وجود ظل
    ،على جميع الأنظمة الأساسية، لا على Android L فحسب
  • 0:36 - 0:40
    فيمكننا إدخال عنصر واجهة مستخدم
    .من مكتبة الدعم CardView
  • 0:41 - 0:45
    وتعد CardView حاوية
    .تلقي ظلاً على العرض
  • 0:45 - 0:49
    وعندما نقوم بتغيير ارتفاع
    .البطاقة، تلقي ظلاً أكبر
  • 0:49 - 0:53
    لاحظ أن عرض card لديه
    .إصداره الخاص من معلم الارتفاع
  • 0:53 - 0:56
    يمكننا أيضًا تغيير نصف قطر
    أركان عرض card لإنشاء
  • 0:56 - 0:58
    .مستطيلات ذات شكل دائري وظل
  • 0:58 - 1:00
    لاحظ أن ذلك يعمل بأفضل شكل على L
  • 1:00 - 1:04
    بسبب طريقة تناولنا للقطة
    .على الإصدار المتوافق
  • 1:04 - 1:07
    ونظرًا لأن عرض card يعد مخططًا
    ،يرسم أشياء حول مخططات أخرى
  • 1:07 - 1:10
    .ولكنه يعمل بشكل مختلف قليلاً عن غيره
  • 1:10 - 1:11
    يمكنك التحكم في لون
    التخطيط
  • 1:13 - 1:17
    ولون خلفية البطاقة
    ،والمساحة التي توجد حول إطار البطاقة
  • 1:18 - 1:23
    وأيضًا المساحة الموجودة بداخل إطار البطاقة
    .و بين البطاقة ومحتوياتها
  • 1:23 - 1:27
    نظرًا إلى تقديم CardView في
    ،Android L باستخدام الارتفاع
  • 1:27 - 1:31
    فمن المهم فهم كيف
    .يؤثر ذلك على تقديم العروض
  • 1:31 - 1:32
    ،أولاً
  • 1:32 - 1:37
    فطريقة العرض التي تكون على ارتفاع أعلى
    .تحجب طرق العرض الموجودة على ارتفاعات أقل
  • 1:37 - 1:41
    ،وإذا كان لديك عروض متداخلة
    ،وكان أحد العروض سيحجب العرض الأصلي
  • 1:41 - 1:44
    فإنك ستحجب أيضًا جميع
    .العروض التابعة
  • 1:44 - 1:47
    إن العروض التي لها خلفيات
    .شفافة لا تلقي ظلالاً
  • 1:48 - 1:52
    كما أن العروض المحتواة في هذه
    العروض الشفافة لن تلقي
  • 1:52 - 1:53
    .ظلالاً أيضًا
  • 1:53 - 1:57
    وعلى ضوء هذه القيود، فمن السهل
    نسبيًا إنشاء عرض بارتفاع
  • 1:57 - 2:00
    .لا يقدم الطريقة التي تتوقعها
  • 2:00 - 2:02
    إننا سنقوم باستخدام
    التخطيط النسبي استخدامًا موسعًا
  • 2:02 - 2:06
    ،لكي نتجنب ضرورة إضافة سلسلة إضافية
    مما سيمنعنا من إنشاء
  • 2:06 - 2:09
    نوع الظلال الذي
    .يتطلبه التصميم
  • 2:09 - 2:12
    وهناك أمر آخر
    وهو أنه في إصدارات Android card التي تسبق الإصدار L
  • 2:12 - 2:16
    لا يطوق عرض card المحتويات
    - بحدود المستطيل المنحني، ولكنه
  • 2:16 - 2:21
    بدلا من ذلك - يضيف مساحة لتجنب
    تداخل المحتوى مع منطقة الظل
  • 2:21 - 2:24
    ونظرًا لأن لدينا خلفية داكنة
    ،على جزء من بطاقتنا
  • 2:24 - 2:26
    .فسيؤدي ذلك إلى ظهور خط أبيض بسيط
  • 2:27 - 2:32
    ونظرًا لأن تداخل الركن يبدو أكثر
    ،اعتدالاً من هذه الخطوط البيضاء
  • 2:32 - 2:36
    فإنني أنصح بتعيين
    cardPreventCornerOverlap = false
  • 2:36 - 2:37
    .على عروض card
Title:
So Much Real Estate Part 3
Description:

more » « less
Video Language:
English
Team:
Udacity
Project:
UD855 - Android Fundamentals 2
Duration:
02:38

Arabic subtitles

Revisions Compare revisions