Build LayoutYouTube↗  IA↗(long shot)
Education  147.7K views 27 likes 0 dislikes   29 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
الآن وقد خططنا لما سنفعله..
Теперь, когда мы тщательно всё спланировали, двинемся дальше
قم ببناء هذا المخطط في تطبيقك
и создадим этот макет в приложении.
ستحتاج لإيجاد وتعديل ملف ‫activity_main.xml
Вам необходимо найти и изменить файл activity_main.xml.
ينبغي أن يكون الملف مفتوحًا ‫بالفعل عند إنشاءك مشروعك
Файл activity_main.xml должен быть уже открыт, когда вы впервые создаёте свой проект.
إن لم يكن مفتوحًا، يمكنك ‫إيجاده في مجلد (layout)
Если он ещё не открыт, его можно найти в папке layout,
الموجود بمجلد (res) الموجود بمجلد ‫(app) في نافذة (Project) بالبرنامج
в подпапке res папки app, на вкладке project вашего приложения,
والذي يتضمن كل الملفات ‫الموجودة في تطبيقك
где перечислены все файлы.
لوحة التصميم ستكون ‫مفتوحًا تلقائيًا
Панель Design открывается по умолчанию.
حيث يمكنك سحب ووضع الأدوات ‫من هذه المجموعة إلى تطبيقك
Тут вы можете перетаскивать виджеты из этого набора в приложение.
لكنني أريدك أن تستخدم اللوحة النصية لتكتب كود (إكس إم إل)
Однако я хочу, чтобы вы использовали панель Text, чтобы написать XML-код.
في أي مرحلة خلال تعديل الكود.. يمكنك دائمًا تحديد هذا ‫المحتوى وإعادة تنظيمه
В любой момент при изменении XML-кода можно выбрать этот контент
بأعلى برنامج (أندرويد استديو) ‫ستجد بضعة قوائم
и переформатировать его. В верхней части Android Studio есть много пунктов меню.
افتح قائمة (كود) وستجد ‫اختيار (إعادة تنظيم الكود)
Нажмите на код, а затем найдите пункт Reformat Code.
وهذا هو زر اختصارها ‫إذا كنت تستخدم (ماك)
А это сочетание клавиш, если вы работаете на Mac.
يمكنك إعادة تنظيم الكود واختيار ‫(النصوص المحددة) سيفي بالغرض
Вы можете переформатировать код, для этого выберите Selected text.
اضغط (تنفيذ) وسيقوم البرنامج ‫بإعادة ترتيب الكود تلقائيًا لإصلاح مشاكل المسافات والتبويبات
Нажмите кнопку Run, и функция автоматически переформатирует код, изменив расстояния и вкладки.
ويمكنك أيضًا اختيار ‫(إعادة ترتيب الكود)
Также можно выбрать функцию Rearrange Code.
والذي سيقوم بتعديل ترتيب الخصائص ‫هنا، لكي تكون بالترتيب الأفضل..
Она изменяет порядок атрибутов на предпочитаемый
حسب قواعد تنسيق أكواد آندرويد
в соответствии с рекомендациями по стилю кода Android.
والآن أصبحت قراءة الكود ‫أسهل كثيرًا بتنسيقه هكذا
В этом формате намного легче читать код.
إذا أردت معاينة ما يبدو عليه ‫الكود، يمكنك الضغط على زر (معاينة) هنا
Если нужен предварительный просмотр кода, нажмите кнопку Preview.
وسيعرض لك هذا كيف ‫سيبدو الكود على جهاز
Будет показано, как приложение выглядит на устройстве.
لكن هذا ليس بديلًا عن ‫تشغيل التطبيق على جهازك
Но это не является заменой работы на реальном устройстве,
لذا عليك دائمًا تشغيله ‫على جهازك دوريًا
поэтому периодически запускайте приложение на вашем устройстве.
بعد بناءك للمخطط.. رجاءً قم أيضًا بتعيين اسم معرف للواجهة..
После создания этого макета назначьте идентификационное имя View
لواجهة النص الثانية هذه ‫التي تعرض الرقم 0
для второго TextView, в котором показан 0.
اختر لها اسم المعرف @+id/quantity_text_view
Присвойте идентификатор @+id/quantity_text_view.
استخدم هذا الاسم بالضبط لكي ‫يطابق الكود الخاص بنا لاحقًا
Используйте это имя, чтобы оно соответствовало нашему коду в дальнейшем.
تذكر ما تعلمناه عن كيفية تعيين أسماء معرف للواجهات في الدرس الأول
Вспомните, что мы узнали о присвоении идентификаторов для View на первом занятии.
هذا المثال كان لمخطط نسبي حيث أقمنا حفلة عشاء لأفضل ‫أصدقائنا وغير أصدقائنا
Это был пример условного макета для праздничного ужина с нашими лучшими друзьями и недругами.
وأيضًا، ما يجعلنا نعين لهذه الواجهة ‫اسم معرف دون غيرها..
Мы присвоили идентификатор именно этому View,
هو أننا سنحتاج لاحقًا للإشارة لها لكي ‫نستطيع تحديثها لنزيد أو نقل الكمية
а не другим, потому что хотим позже ссылаться на этот TextView, чтобы обновлять его для увеличения или уменьшения количества.
لتنسيق الواجهات، هناك ‫بضعة تغييرات صغيرة..
Для стилизации элементов View есть пара небольших изменений.
واجهة النص هذه ستحتاج نص بحجم 16 بكسل مُحجم وبلون أسود
Для этого TextView текст должен иметь размер 16sp и чёрный цвет.
يمكنك استخدام اللون النظام الأسود كما أوضحنا في الدرس الأول
Можно использовать системный чёрный цвет шрифта, как было показано на первом занятии,
أو يمكنك استخدام الأسود بقيمته الست عشرية الموضحة أدناه
или использовать HEX-код чёрного цвета, который мы включили ниже.
هناك أيضًا مسافة قدرها 16 بكسل كثافة ‫بين كل واجهة من هؤلاء
Также есть промежуток в 16 dp между этими View.
أعرف أن هذه ستكون أول مرة ‫تضيف زرًا لمخطط (إكس إم إل)
Я знаю, что вы впервые будете добавлять кнопку
هذه فرصة عظيمة لكي تتدرب على ‫مهارات البحث على (جوجل)
в XML-макет. Это отличная возможность использовать свои навыки поиска в Google,
لتكتشف كيف تضيف زرًا لمخططك
чтобы выяснить, как добавить кнопку в макет.
إذا علقت، يمكنك النظر للتلميح ‫في خانة (ملاحظات المدرب)
Если не удастся, можно найти подсказку в заметках инструктора.
أثناء بناءك له..
По мере создания
قم دوريًا بتشغيل التطبيق على جهازك ‫لتتأكد من أنه يعمل كالمتوقع منه
периодически проверяйте работу приложения на вашем устройстве.
عندما تنتهي من كل هذا، ‫أجب على هذا السؤال:
Когда закончите, ответьте на этот вопрос.
ماذا يحدث عندما تنقر على هذا الزر؟
Что происходит, когда вы нажимаете на эту кнопку?
Similar videos:

Build the Quantity Picker Layout
Udacity
53.9K views 20 likes 1 dislikes 27 May 201537% match


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


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


How to Redeem FREE Code and Bluestacks Settings | Warpath Game
TheSignatureReviewer
16.6K views 163 likes 21 dislikes 19 Dec 202035% match


Lockdown for After Effect Quick Start Tutorial
aescripts + aeplugins
68.9K views 1.2K likes 26 dislikes 01 Oct 201934% match

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


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


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


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


Simple ImageView
Udacity
150K views 82 likes 1 dislikes 26 May 201533% match


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


LinearLayout
Udacity
206K views 104 likes 0 dislikes 26 May 201533% match


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


AppAddict For iPhone
Ceadd L
77K views 371 likes 27 dislikes 12 Jul 201433% match




Finish Creating a New Project - Developing Android Apps
Udacity
67.7K views 107 likes 8 dislikes 23 Feb 201532% match

Layout Editor (Ep 3, Android Studio)
Google for Developers
53.6K views 293 likes 9 dislikes 25 Mar 201532% match


COMO CRIAR UNIPACK - FAÇA UNIPACK ATUALIZADO | PARA UNIPAD
Siberteky
31K views 638 likes 17 dislikes 21 May 201732% match

Orbeez Kaleidoscope Instructional Unboxing | Official Orbeez
Creatorverse
140.4K views 483 likes 37 dislikes 17 Aug 201632% match


How to use Proxy | Enscape for Sketchup
Architecture Inspirations
24.3K views 642 likes 3 dislikes 29 May 201832% match

21a_q_Update Order Summary
Udacity
62.4K views 20 likes 0 dislikes 01 Jul 201532% match


Alliance Territory Guide | Warpath
Shinchi42
15.3K views 243 likes -1 dislikes 02 Dec 202032% match


Libgdx for Android | Tutorial 05 | ApplicationAdapter | How to make Android games
Programming Tutorials
18K views 237 likes 4 dislikes 02 Oct 201532% match









Calculate Price Method
Udacity
69.1K views 16 likes 0 dislikes 14 Jul 201532% match


DIY - EXPERIMENTE ESSA NOVA DECORAÇÃO FEITO COM CIMENTO
TUDOPLANTA ARTESANATO COM CIMENTO
10.4K views 1.2K likes 4 dislikes 27 Mar 202131% match



HOW TO CREATE UNIPACK COMPLETE FOR UNIPAD - LAUNCHPAD - APP UNIPACK
Siberteky
27.1K views 634 likes 13 dislikes 30 Oct 201731% match

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

【ibisPaint】ver.6.0.0 is too great!【New Features】
ibisPaint
751K views 38.5K likes -1 dislikes 27 Sep 201931% match


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


Defining vs Calling a Method
Udacity
53.2K views 15 likes 2 dislikes 14 Jul 201531% match


how to take notes faster 💨 effective techniques for those fast af lectures
studyquill
443.8K views 14K likes 113 dislikes 01 Dec 201731% match


Settings Privacy About Contact Donate