Build the Quantity Picker LayoutYouTube↗  IA↗(long shot)
Education  53.9K views 20 likes 1 dislikes   27 May 2015
Udacity 651K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
لقد كان مفهومًا صعبًا، لكنك تعاملت معه على نحوٍ جيد حقًا.
Да, это была сложная концепция, но вы прекрасно справились.
وهذا يوفر القدرة على بناء بعض المخططات الرائعة حقًا في آندرويد
Вы получаете возможность создавать удивительные макеты в Android:
لأن جميع لقطات الشاشة تقريبًا تحتوي على بعض أنواع المخططات المتداخلة،
почти все экраны содержат вложенные макеты,
التي ذكرتها كوريل في وقت سابق في تطبيق جوجل بلاي.
которые Коррелл уже упоминал в приложении Google Play.
بعد كل هذا العمل التحضيري، نحن الآن على استعداد للعودة إلى
После подготовительной работы вернемся к Android Studio,
منصة آندرويد ستوديو لتطبيق التغييرات للحصول على ملتقط كمية متطور.
чтобы поработать с улучшенным элементом выбора количества.
عند سؤال كاثرين، ماذا لو كنت أحاول بناء مخطط
Возможно, вам интересно, Кэтрин, как я смогу создать макет,
وليس لدي الخيارات الثلاثة لمخططات إكس إم إل
не имея трёх вариантов XML-макетов,
التي تظهر أمامي وعلي الاختيار من بينها.
которые волшебным образом появлялись передо мной.
حسنًا، هذا سؤال منطقي.
Вопрос справедливый.
لقد مارسنا القدرة على قراءة إكس إم إل
До сих пор мы учились читать XML-макеты
ورسمنا الرسم البياني للتسلسل الهرمي لواجهة.
и составлять диаграммы иерархии видов.
كما مارسنا أيضًا قراءة مخططات إكس إم إل
Также мы осваивали чтение XML-макетов
ورسمنا ما كان يظهر على الشاشة.
с созданием эскиза экрана.
ولكن الوقت حان لممارسة رؤية تصميم ما نريد بناؤه
А теперь пора попрактиковаться в оформлении макета
وأن نكون قادرين على كتابة إكس إم إل منها.
и написании XML-кода.
أتفهم أني أعطيتك الحل "إكس إم إل" في الاختبار السابق.
В предыдущем задании вам уже было предоставлено XML-решение.
كنت مهتم بعض الشيء، ولكن لا أريد منك أن تنظر إلى هذا الحل.
Но сейчас не надо на него ориентироваться.
أريدك أن تمارس مهارة رؤية لقطة الشاشة
Вам предстоит обдумать, как будут выглядеть скриншоты
أو صورة لما تريد بناؤه ومن ثم تكون قادرًا على كتابة إكس إم إل لها.
и общее оформление макета, а затем написать XML-код.
عادة ما نبدأ مع لقطة الشاشة المطلوبة
Первая ваша задача — продумать
لما نريد بناؤه.
начальный скриншот.
يمكنك الحصول على هذا من المصمم الذي يعمل في فريق
Его может создать дизайнер команды, которая
تصميم التطبيق.
проектирует для вас приложение.
وإذا كنت تعمل دون وجود مصمم،
Если же вы работаете в одиночку,
يمكنك التعرف على ذلك بنفسك.
сделайте эскиз сами.
وبعد ذلك، عليك أن تتخيل كيفية تلف هذا في الواجهات ومجموعات الواجهات.
Затем продумайте, какие View и ViewGroup у вас будут.
يمكنك وضع علامة عليها ثم حاول رسم الرسم البياني للتسلسل الهرمي للواجهة
Схематически представьте общую иерархию всех View,
من أجل العلاقة بين الواجهات الفرع والأصل.
показывающую отношения между дочерними и родительскими View.
بعد الانتهاء من هذا الرسم البياني، يمكنك بدء كتابة الهيكل الأساسي
Теперь вы можете подготовить черновую версию
لما سيبدو عليه كود مخطط إكس إم إل.
XML-кода вашего макета.
سأترك هذه الأجزاء كتمرين لك.
Это будет ваше самостоятельное задание.
ستقوم بإجراء التغييرات في ملف المخطط activity_main.xml.
Внесите изменения в файл макета activity_main.xml.
إضافة إلى كتابة إكس إم إل هنا
Итак, вы написали XML-код
ورؤية معاينة لها، يمكنك أيضًا النقر فوق لوحة التصميم.
и просмотрели результат. Теперь изучите эту панель Design.
هذه علامة تبويب التصميم بدلا من علامة تبويب النص.
Это вкладка Design, отличная от вкладки Text.
تسمح لك لوحة التصميم بسحب وإسقاط الواجهات في الجهاز.
Панель Design позволяет перетаскивать View на устройство.
كما يمكنك رؤية شجرة المكونات أعلى الزاوية اليمنى هنا.
В верхнем правом углу вы видите дерево компонентов.
في الأساس، هذه شجرة لجميع الواجهات في التسلسل الهرمي.
Оно отражает иерархию View-компонентов.
والآن لدينا مخطط خطي عمودي، ويمثل الواجهة الأصل،
В данном примере у нас есть вертикальный LinearLayout, это родительский View,
وجميع الواجهات الفرع داخله.
и ряд дочерних View.
إذا كان لديك مجموعات واجهات متداخلة، فقد تظهر هنا أيضًا.
Здесь могли бы быть представлены и вложенные ViewGroup.
وان استمر وقم ببناء هذا المخطط في آندرويد ستوديو.
Итак, теперь построим макет в Android Studio.
بعد قيامك باختيار الواجهات وتحديد مكانها، لا تنسى تنسيقها
Выбрав и разместив на экране виды,
كي تبدو هكذا.
задайте их стиль.
غالبا ما يبدو تنسيق الواجهات متشابها،
В данном случае стили почти одинаковые,
باستثناء ملاحظة أن هناك 8 بكسل كثافة لمسافة بين الزر -
не считая того, что тут восемь пикселей между кнопкой «минус»
والقيمة 2 وبين القيمة 2 والزر +.
и двойкой и между двойкой и кнопкой «плюс».
كما ذكر سابقًا، تجنب النظر في الكود
Старайтесь не смотреть на готовый код и создать
وحاول تطبيق ذلك بنفسك.
свой вариант самостоятельно.
عند الانتهاء، حدد هذا المربع للمتابعة.
По окончании отметьте галочкой здесь, чтобы продолжить.
Similar videos:

Build Layout
Udacity
147.7K views 27 likes 0 dislikes 29 May 201537% match


Plan How to Build the Quantity Picker
Udacity
79.6K views 28 likes 0 dislikes 22 May 201535% match


Nested ViewGroups
Udacity
70.9K views 17 likes 0 dislikes 27 May 201532% match


Recap
Udacity
10K views 58 likes 1 dislikes 06 Jun 201632% match


Practice Calling Object Methods
Udacity
40K views 10 likes 2 dislikes 14 Jul 201530% match


String Data Type
Udacity
78.9K views 30 likes 0 dislikes 28 May 201530% match


06a_q_Modifying_First_Line_of_Java_Code
Udacity
87.4K views 21 likes 2 dislikes 22 May 201530% match


Kitty Chapter 7 Leaks - Kitty Codes & Kitty Chapter 6 Glitches!
RGCfamily
36K views 672 likes 22 dislikes 17 Oct 202029% match

TextView Text Size
Udacity
246.3K views 123 likes 0 dislikes 26 May 201529% match


Como Cambiar El Fondo En facebook | Fondo Facebook Comentando GG ¿Es Verdad? Explicación

1.1K views 49 likes 5 dislikes 21 Dec 202029% match

Explore 360 and VR - A Whole New Immersive Experience
YouTube Creators
176K views 282 likes 13 dislikes 04 Aug 201628% match



Fix Order Button_1
Udacity
74.3K views 20 likes 0 dislikes 22 May 201528% match


Adding a CheckBox
Udacity
64.8K views 18 likes 0 dislikes 14 Jul 201528% match


Getting Past Errors
Udacity
166K views 99 likes 1 dislikes 26 May 201528% match


Views
Udacity
763.8K views 380 likes 11 dislikes 25 Sep 201528% match


Comparing decimals visually example | 4th grade | Khan Academy
Khan Academy
56.5K views 45 likes 8 dislikes 11 Sep 201528% match

Hello, Udacity! - Intro to Java Programming
Udacity
19.3K views 39 likes 7 dislikes 23 Feb 201528% match

Do XML ao Java
Udacity
6.6K views 43 likes 3 dislikes 06 Jun 201628% match


BELLY FAT BURN in 14 Days | 5 minute Home Workout Challenge
Lilly Sabri
844.1K views 22.9K likes -1 dislikes 09 Nov 202028% match







Set A Vision For Your Brand
YouTube Creators
81.4K views 782 likes 24 dislikes 09 Feb 201628% match



KITTY CHAPTER 12 LEAKS Part 3 - RGCfamily Roblox
RGCfamily
17.1K views 603 likes 17 dislikes 23 Mar 202128% match


Hook Up Two Buttons
Udacity
89.5K views 25 likes 0 dislikes 23 May 201528% match


Vivitar 28mm 2.5 Wide Angle Adapted to Sony A6000
AdaptedAlpha
24K views 315 likes 4 dislikes 08 Aug 201628% match



06b_q_Solving_Math_Problems
Udacity
94.9K views 23 likes 1 dislikes 22 May 201528% match


Vivitar 28-85mm f2.8-f3.8 Variable Focusing Zoom Lens Adapted to the Sony A6000
AdaptedAlpha
22.1K views 315 likes 7 dislikes 10 Oct 201628% match


How to Export Shotcut Video for YouTube
Max Dalton
6.9K views 135 likes 12 dislikes 07 Oct 201828% match


Design Responsivo
Udacity
5.6K views 14 likes 2 dislikes 23 Feb 201527% match

Learn English With Home Alone
Learn English With TV Series
616.2K views 20.6K likes -1 dislikes 13 Dec 201927% match

Android Developer Story: EyeEm improves user engagement through design
Android Developers
156.9K views 278 likes 28 dislikes 11 Nov 201427% match







Fibonacci Series C ++ | Resolved Exercises 09
Programming Tutorials
29.1K views 303 likes 17 dislikes 21 Dec 201527% match










Settings Privacy About Contact Donate