WEBVTT

00:00:00.180 --> 00:00:03.980
لبناء واجخة العرض هذه أفتح ملفّ
activity_main.xml.

00:00:04.270 --> 00:00:07.660
أعلم أنّي أحتاج لواجهة عرض خطّيّة عاموديّة
لوضعها في كلّ من هذه المعاينة

00:00:07.660 --> 00:00:08.790
في خطّ عامودي.

00:00:09.340 --> 00:00:12.210
سأغيّر أوّلًا االتّخطيط النّسبي
الى تخطيط خطّي.

00:00:12.870 --> 00:00:16.250
للحال، نرى خطأً يقول
أنّ ترميز الفتح

00:00:16.250 --> 00:00:17.850
لا تتلاءم مع ترميزالإغلاق،

00:00:17.850 --> 00:00:20.840
لذا يمكنني أن أنسخ ذلك ولصقه هنا.

00:00:20.840 --> 00:00:22.100
والآن تتلاءم.

00:00:22.100 --> 00:00:23.670
بعد ذلك، أستطيع إضافة المعاينات.

00:00:23.930 --> 00:00:25.720
أوّلًا، لديّ معاينة نصية للكميّة.

00:00:25.720 --> 00:00:29.150
إذن، سآخذ هذه المعاينة النّصية
وأغيّر النّص داخلها الى الكمّية.

00:00:29.670 --> 00:00:31.790
بعد ذلك، لديّ نصّ يظهر صفر.

00:00:31.790 --> 00:00:34.600
إذن، يمكنني أن أنسخ المعاينة
النّصية الأوّلى وألصقها أسفلها.

00:00:34.600 --> 00:00:38.020
سأغيّره لكي يُظهر النّص صفرًا 
لكي يطابق لقطة الشّاشة هنا.

00:00:38.430 --> 00:00:40.960
التّقسيمة الأخيرة 
في هذا التّخطيط الخطّي هو زرّ.

00:00:41.500 --> 00:00:44.850
لم نزد زرًّا في واجهة عرضنا من قبل،
فلنبحث كيفيّة فعل ذلك في Google.

00:00:45.020 --> 00:00:48.160
إن فتحت متصفّحًا بإمكانك البحث
عن زرّ أندرويد.

00:00:48.160 --> 00:00:51.640
الرّابط الأوّل يبدو جيّدًا، إنّه موقع
developer.android.com.

00:00:52.570 --> 00:00:55.960
هذا هو التّوثيق للزّر، بإمكاننا تجاهل 
معظم هذا النّص هنا.

00:00:56.700 --> 00:00:58.770
سننزل لكي نقرأ لمحة عامّة عن الفئة.

00:00:59.250 --> 00:01:02.110
تتضمّن القليل من نصّ جافا البرمجي،
الذي لم نتعلّمه بعد

00:01:02.750 --> 00:01:05.570
ولكن هنا لدينا الـ XML للزّر.

00:01:06.300 --> 00:01:08.940
يمكننا أن ننسخ هذا وسنرى ماذا سيفعل 
في نصّنا البرمجي.

00:01:09.280 --> 00:01:12.420
في واجهة عرضنا سأزيد زرّين
تحت هاتين المعاينتين النصّيتين.

00:01:12.420 --> 00:01:15.640
سألصق النّص البرمجي من التّوثيق هنا.

00:01:16.030 --> 00:01:18.050
والآن بدل من سلسلة التّدمير الذّاتي،

00:01:18.050 --> 00:01:21.470
سأختار شيئًا أكثر ودًّا كـ "طلب".

00:01:22.280 --> 00:01:24.700
بإمكاننا محو السّطر الأخير
إذ إنّنا لا نحتاجه،

00:01:25.000 --> 00:01:28.310
رائع، والآن لدينا معاينة نصّية للكمّية،
معاينة نصّ تُظهر صفرًا،

00:01:28.310 --> 00:01:29.670
وزرّ للطّلب.

00:01:30.120 --> 00:01:33.920
لنشغّله في تطبيقنا، كي نرى كيف يبدو،
عبر الضّغط على زرّ التّشغيل الأخضر(Play).

00:01:34.470 --> 00:01:36.560
يمكننا أت نرى هنا أنّه ما زال يُنشأ.

00:01:37.170 --> 00:01:38.660
ليس هذا ما أردناه.

00:01:38.660 --> 00:01:42.990
يبدو أن تخطيطنا الخطّي هو أفقيًّا
وليس عاموديًّأ.

00:01:43.470 --> 00:01:46.656
إذًا لنتأكّد من خاصيّة الإتّجاه.

00:01:47.586 --> 00:01:51.330
سنغيّرها 
الى android:orientation="vertical".

00:01:51.820 --> 00:01:53.370
سيحلّ هذا المشكلة.

00:01:53.370 --> 00:01:54.680
لنشغّله مرّة أخرى.

00:01:55.520 --> 00:01:57.010
حسنًا هذا أفضل.

00:01:57.010 --> 00:01:59.940
الأبناء الثّلاثة تظهر في عامود رأسي.

00:02:00.270 --> 00:02:02.010
الآن علينا أن نغيّر
شكل هذه المعاينات

00:02:02.010 --> 00:02:04.520
حتى يبدوا أكثر شبهًا بلقطة الشّاشة 
التي حصلنا عليها.

00:02:05.280 --> 00:02:08.460
من لقطة الشّاشة نرى
أن معاينة نص الكمّية هو بأحرف كبيرة.

00:02:09.600 --> 00:02:13.270
في الدّرس الأوّل تعلّمنا عن خاصيّة
اسمها android:textAllCaps،

00:02:13.950 --> 00:02:15.710
وهو يظهر هنا في الإكمال التّلقائي.

00:02:16.230 --> 00:02:18.310
إن ظهر كذلك، يمكنك ضغط Enter

00:02:18.310 --> 00:02:20.390
سيزيدها الى نصّكم البرمجي تلقائيًّا.

00:02:21.400 --> 00:02:24.290
سنحدّد تلك القيمة كصحيحة، 
إذ إنّنا نريد الأحرف الكبيرة.

00:02:24.980 --> 00:02:28.580
من الأفضل استعمال 
هذه السمة لتكبير الأحرف

00:02:28.580 --> 00:02:32.940
سببه أنّه إن أردنا تغيير واجهة المستخدم
كي تظهر أحرف صغيرة هكذا،

00:02:32.940 --> 00:02:35.650
كلّ ما نحتاج أن نفعله
هو أن نزيل هذه الخاصيّة

00:02:35.650 --> 00:02:37.420
بدل أن نقوم بتغيير هذا النّص.

00:02:38.020 --> 00:02:42.460
بعد ذلك، علينا استعمال حجم ١٦sp
للنّص الذي يظهر صفرًا،

00:02:42.460 --> 00:02:45.970
دعوني أضيف ذلك الآن، وهو يظهر 
في اقتراحات الإكمال التّلقائي،

00:02:45.970 --> 00:02:50.210
وسأضغط Enter ثمّ أختار قيمة ١٦sp.

00:02:50.210 --> 00:02:52.700
ونريد أن يكون لون الخطّ أسود.

00:02:53.190 --> 00:02:55.140
سأستعمل نظام ألوان أندرويد للأسود،

00:02:55.140 --> 00:02:57.380
والذي يُشار إليه هكذا.

00:02:57.380 --> 00:03:00.608
عظيم، ذلك يهتمّ بأمر معاينة نصَّ 
الكمّية والصّفر.

00:03:00.608 --> 00:03:02.721
زرّ الطّلب مناسب كما هو،

00:03:02.721 --> 00:03:06.171
ستُكَبَّر الأحرف تلقائيًّا في الزّر،

00:03:06.171 --> 00:03:08.260
والطّول والعرض هما wrap_content.

00:03:08.820 --> 00:03:11.898
نحن نحتاج الى حلّ 
لهذه المسافة العاموديّة هنا.

00:03:11.898 --> 00:03:14.600
نريد ١٦dp من المساحة أو الهامش

00:03:14.600 --> 00:03:16.640
بين معاينتي نصّ الكميّة والصّفر.

00:03:17.190 --> 00:03:20.027
نريد أيضًا مساحة ١٦dp بين الصّفر

00:03:20.027 --> 00:03:21.430
وزرّ الطّلب.

00:03:21.430 --> 00:03:23.470
يمكنك تنفيذ ذلك بطرق كثيرة مختلفة،

00:03:23.960 --> 00:03:27.790
سأختار زيادتها 
كتصميم للهامش الأعلى لهذا الزّر.

00:03:31.410 --> 00:03:34.780
وسأزيدها كهامش سفلي
لمعاينة نصّ الكميّة.

00:03:37.190 --> 00:03:40.820
لا تتردّوا بأن تقوموا بالأمر 
بطريقة مختلفة طالما يخلق المظهر نفسه.

00:03:40.820 --> 00:03:43.370
سبب اختياري للهوامش في الأعلى والأسفل

00:03:43.370 --> 00:03:46.350
هو لأنّي أعلم أنّ المنطقة الوسطى
ستتغيّر لاحقًا.

00:03:47.040 --> 00:03:50.390
سنغيّرها لتصبح منتقٍ للكمّية
مع زرّ زائد وناقص،

00:03:50.390 --> 00:03:53.420
وما زال عليّ أن أضع مساحة ١٦dp

00:03:53.420 --> 00:03:56.300
بين عنوان الكمّية والمنتقي.

00:03:56.630 --> 00:03:57.940
والأمر نفسه بالنّسبة للزّر.

00:03:58.610 --> 00:04:00.660
والآن لنشغّلها مرّة أخرى على جهازنا.

00:04:01.280 --> 00:04:02.850
عظيم، تبدو الآن كما نريد.

00:04:03.350 --> 00:04:05.400
معاينة نصّ الكميّة هو بأحرف كبيرة،

00:04:05.770 --> 00:04:09.520
معاينة نصّ الصّفر هو بخطّ أسود، حجم ١٦sp،

00:04:10.130 --> 00:04:11.710
ولدينا زرّ الطّلب هنا.

00:04:11.710 --> 00:04:14.540
ولدينا مساحة ١٦dp بين المعاينات.

00:04:15.620 --> 00:04:16.630
أحسنتم.

00:04:17.020 --> 00:04:21.070
كدت أنسى! الإختبار يسأل أيضًا ماذا يحدث 
عندما تضغطون على هذا الزّر.

00:04:21.560 --> 00:04:25.460
حسنًا، لا يحصل أيّ شيء، على الأقلّ الآن.

00:04:25.460 --> 00:04:27.660
تابعوا المشاهدة لتكتشفوا 
ماذا يحدث بعد ذلك.