برنامج تعليمي لتصميم تخطيط Android: كل ما تحتاج إلى معرفته

سيساعدك هذا البرنامج التعليمي لتصميم تخطيط Android على فهم كيفية تصميم المخططات باستخدام طرق العرض ومجموعات العرض مع العرض التوضيحي.

إذا كنت جديدًا على ، لقد وصلت إلى المكان المثالي لبدء التعرف على تصميم التخطيط. ستساعدك هذه المقالة حول برنامج تعليمي لتصميم تخطيط Android في الخروجبعض النصائح المفيدة لإنشاء تصميم أفضل لواجهة المستخدم وتشرح أيضًا كيفية تصميم واجهة المستخدم.

سأناقش المواضيع التالية:





لذلك دعونا نبدأ!

ما هو التطبيق الصغير في جافا مع المثال

برنامج تعليمي لتصميم تخطيط Android: مقدمة حول مكونات واجهة المستخدم

عند الحديث عن مكونات واجهة المستخدم ، تتكون واجهة المستخدم النموذجية لأي تطبيق Android من المكونات التالية:



  • شريط الإجراءات الرئيسي
  • عرض التحكم
  • منطقة المحتوى
  • تقسيم شريط الإجراءات

تلعب هذه دورًا رئيسيًا أثناء تطوير تطبيق معقد. ستحصل على عرض واضح لهذا عندما نصل إلى قسم العرض في هذه المقالة.

هناك عامل مهم آخر يساعد في تخصيص تصميم واجهة المستخدم وهو مكون العرض.

دعونا نرى ما هو العرض في



برنامج تعليمي لتصميم تخطيط Android: الآراء

إلى رأي يعتبر بمثابة لبنة أساسية لواجهة مستخدم مناسبة تم إنشاؤها بالفعل من مشاهدة الفصل . يشغل هذا مساحة مستطيلة على الشاشة ويهتم في النهاية بالرسم ومعالجة الأحداث.

تعد طريقة العرض هي الفئة الأساسية للأدوات ، والتي تُستخدم لإنشاء مكونات واجهة مستخدم تفاعلية مثل الأزرار وحقول النص وما إلى ذلك. نتحدث الآن عن منطقة المستطيل أو المربع ، ويمكن أن يكون إما صورة أو جزء من النص أو زرًا أو أي شيء يمكن أن يعرضه تطبيق android. المستطيل هنا غير مرئي في الواقع ، لكن كل منظر يحتل شكل مستطيل.

قد يكون لديك سؤال ، ما هو حجم هذا المستطيل؟

الإجابة هي أنه يمكنك إما تعيينه يدويًا عن طريق تحديد الحجم الدقيق (بالوحدات المناسبة) أو باستخدام بعض القيم المحددة مسبقًا. هذه القيم المحددة مسبقًا هي match_parentand wrap_content. هذه اهل مشتركين يشير إلى أنه سيشغل المساحة الكاملة المتاحة على شاشة الجهاز. بينما، التفاف_محتوى يشير إلى أنه سيشغل فقط تلك المساحة المطلوبة لعرض محتواها.

دعنا الآن نشير إلى الاختلافات الرئيسية بين العرض ومجموعة ViewGroup.

رأي

  1. رأي الكائنات هي اللبنات الأساسية لعناصر واجهة المستخدم في Android.
  2. العرض عبارة عن مربع مستطيل بسيط يستجيب لإجراءات المستخدم.
  3. يشير العرض إلى فئة android.view.View ، وهي الفئة الأساسية لجميع فئات واجهة المستخدم.
  4. ومن الأمثلة على ذلك EditText و Button و CheckBox وما إلى ذلك.

ViewGroup

  1. ViewGroup هي الحاوية غير المرئية التي تحتوي على View و ViewGroup.
  2. ViewGroup هي الفئة الأساسية لملف التخطيطات .
  3. على سبيل المثال ، LinearLayout هي مجموعة العرض التي تحتوي على زر (عرض) وتخطيطات أخرى أيضًا.

دعنا الآن نمضي قدمًا ونفهم التنسيقات الموجودة.

برنامج تعليمي لتصميم تخطيط Android: أنواع التخطيطات

إلى نسق يحدد هيكل واجهة المستخدم في التطبيق. تم إنشاء جميع العناصر في التخطيط باستخدام التسلسل الهرمي لـ رأي و ViewGroup شاء.

الآن دعونا نرى كيفية الإعلان عن التخطيط.

يمكنك إعلان تخطيط بطريقتين:

  • قم بتعريف عناصر واجهة المستخدم في XML. يوفر Android مفردات XML مباشرة تتوافق مع فئات العرض والفئات الفرعية ، مثل تلك الخاصة بالأدوات والتخطيطات.

ملحوظة: يمكنك أيضًا استخدام محرر التخطيط في Android Studio لإنشاء تنسيق XML باستخدام واجهة السحب والإفلات.

  • إنشاء عناصر التخطيط في مدة العرض . يمكن للتطبيق إنشاء ملفات رأي و ViewGroup الكائنات وتعالج خصائصها برمجيًا.

دعونا نناقش الأنواع المختلفة من التنسيقات.

واجهة المستخدم في Android عبارة عن تسلسل هرمي لطرق العرض و ViewGroups. ستكون ViewGroups عبارة عن عقد وسيطة في التسلسل الهرمي ، وستكون العروض عبارة عن عقد طرفية.

  • التخطيط الخطي
  • التخطيط المطلق
  • تخطيط نسبي
  • تخطيط الجدول
  • تخطيط الإطار

دعونا نناقشها بالتفصيل.

التخطيط الخطي

يستخدم التخطيط الخطي لوضع عنصر واحد على كل سطر. لذلك ، سيتم وضع جميع العناصر بطريقة منظمة من أعلى إلى أسفل. هذا تخطيط شائع الاستخدام لإنشاء النماذج على Android. يمكن أيضًا الإشارة إليها على أنها مجموعة عرض تقوم بمحاذاة جميع الأطفال في اتجاه واحد ، رأسياً أو أفقيًا.

التخطيط المطلق

في التخطيط المطلق ، يمكنك تحديد الإحداثيات الدقيقة لكل عنصر تحكم تريد وضعه. في هذا النوع من التخطيط ، يمكنك إعطاء إحداثيات X و Y الدقيقة لكل عنصر تحكم. يمكّنك من تحديد الموقع الدقيق لأطفاله.

تخطيط نسبي

التخطيط النسبي هو ملف ViewGroup التي تعرض المشاهدات الفرعية في المواضع النسبية. أنتيمكن تحديد موضع العناصر بالنسبة للعناصر الأخرى ، أو فيما يتعلق بالحاوية الرئيسية.

تخطيط الجدول

باستخدام تخطيط الجدول ، يمكنك إنشاء جدول به صفوف وأعمدة ووضع عناصر بداخلها. في كل صف ، يمكنك تحديد عنصر واحد أو أكثر. يمكنك استخدام هذا الأمر لإنشاء تخطيط جدول جديد.

تخطيط الإطار

يستخدم تخطيط الإطار عندما تريد إظهار عنصر واحد على كل شاشة. باستخدام تخطيط الإطار ، يمكن أن يكون لديك عناصر متعددة.تخطيط الإطار هذا هو عنصر نائب على الشاشة يمكنك استخدامه لعرض طريقة عرض واحدة.

برنامج تعليمي لتصميم تخطيط Android: وحدات القياس

عندما تحدد حجم عنصر في واجهة مستخدم Android ، يجب أن تتذكر بالتأكيد وحدات القياس التالية.

وحدة وصف
موانئ دبي كثافة البكسل المستقل. 1 ديسيبل يعادل بكسل واحد على ملف 160 نقطة في البوصة شاشة.
ص مقياس بكسل مستقل. هذا مشابه جدًا لـ dp ولكن هذا موصى به فقط لتحديد أحجام الخطوط.
نقطة نقطة. يتم تعريف النقطة على أنها 1/72 من البوصة.
مقصف بكسل. يتوافق مع وحدات البكسل الفعلية على الشاشة

الآن ، دعنا ننتقل إلى الموضوع الأخير من هذه المقالة.

برنامج تعليمي لتصميم تخطيط Android: تجريبي

في قسم العرض التوضيحي هذا ، دعنا نفهم كيفية التعامل مع التنسيقات في بيئة تطوير أندرويد .

الرجوع إلى إلى Android Studio.

هكذا يبدو التصميم. ما عليك سوى اختيار العناصر القابلة للرسم وستجد بعض الفئات ، وحدد أي فئة أخرى تحت هذا القابل للرسم. يمكنك إما ترميز بنية التخطيط أو يمكنك عرض التصميم وسحب المكونات وإفلاتها في مساحة التصميم.

عرض توضيحي - برنامج تعليمي لتصميم تخطيط Android - Edureka

يمكنك عرض المكونات التي حددتها تحت شجرة المكونات.

يمكنك أيضًا العثور عليها في التخطيط.

  1. لوحة : يحتوي هذا على قائمة طرق العرض ومجموعات العرض التي يمكنك سحبها إلى التخطيط الخاص بك.
  2. مكون شجرة : يتكون من عرض التسلسل الهرمي للتخطيط الخاص بك.
  3. شريط الأدوات : أزرار لتهيئة مظهر التخطيط في المحرر ولتغيير بعض سمات التخطيط.
  4. محرر التصميم : تخطيط في عرض التصميم أو المخطط أو كليهما. تعتبر أيضًا مساحة التصميم.
  5. السمات : يتحكم في سمات العرض المحدد.

بهذا ، نصل إلى نهاية هذه المقالة حول 'البرنامج التعليمي لتصميم تخطيط Android'. آمل أن تكونوا واضحين بشأن ما تمت مشاركته معكم في هذا البرنامج التعليمي.ترقبوا المدونات الأخرى ونتمنى لك التوفيق في حياتك المهنية في تطوير Android.

الآن بعد أن فهمت أساسيات تصميم Android Layout ، تحقق من من Edureka ، وهي شركة تعليمية موثوقة عبر الإنترنت مع شبكة تضم أكثر من 250000 متعلم راضٍ منتشرين في جميع أنحاء العالم.

تم تصميم الدورة التدريبية لشهادة تطوير تطبيقات Android من Edureka للطلاب والمهنيين الذين يرغبون في أن يصبحوا مطوري Android. تم تصميم الدورة التدريبية لتمنحك السبق في برمجة Java وتدريبك على المفاهيم الأساسية والمتقدمة جنبًا إلى جنب مع مشروع يُتوقع منك فيه إنشاء تطبيق في Android

لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في مدونة 'البرنامج التعليمي لتصميم تخطيط Android' وسنعاود الاتصال بك في أقرب وقت ممكن.