قوالب جاهزة [إضافة كود من قالب]

الإعلانات

إضافة كود من قالب جاهز

 

 

قوالب جاهزة

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

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

توفر بعض القوالب كود لبدء التشغيل، أو لسياقات الإستخدام الشائعة، مثل أدراج التنقل أو شاشات تسجيل الدخول.

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

أو عند إضافة نشاط جديد بداخل نموذج تطبيق. بالإضافة إلى الأنشطة، يمكنك أيضاً إضافة مكونات مشروع اندرويد أخرى..

إلى تطبيق موجود بإستخدام القوالب. تشتمل هذه القوالب على كلٍ من مكونات الكود البرمجية، مثل الخدمات والشظايا..

والمكونات اللابرمجية، مثل المجلدات وملفات XML.

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

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

 

 

 

قوالب جاهزة

 

إضافة مكونات المشروع


قائمة القوالب التي يوفرها اندرويد ستوديو في تزايد مستمر. يقوم اندرويد ستوديو بتصنيف القوالب حسب نوع المكوّن الذي تضيفه..

مثل نشاط أو ملف XML، كما هو موضح في الشكل 1. لإضافة مكوّن مشروع أندرويد بإستخدام قالب، إستخدم نافذة المشروع Project.

انقر بزر الماوس الأيمن فوق المجلد الذي تريد إضافة المكوّن الجديد فيه، وحدد جديد New. بناءً على المكونات التي يمكن إضافتها..

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

تظهر نافذة الإعدادات المناسبة وتسأل عن معلومات تكوين المكون، مثل اسمه. بعد إدخالك معلومات التكوين، يقوم اندرويد ستوديو..

بإنشاء و فتح الملفات الخاصة بالمكوّن الجديد. و يعمل أيضاً على تشغيل ملف البناء “Gradle build” لمزامنة مشروعك.

على الرغم من أنه يمكنك أيضاً إستخدام قائمة File > New، لإنشاء مكوّن مشروع اندرويد جديد، و الإنتقال إلى المجلد المطلوب..

في نافذة Project والذي يضمن أن تقوم بإنشاء المكوّن في المكان الصحيح.

 

شكل 1. قائمة القوالب، التي يمكن الوصول إليها

من خلال قائمة File > New أو عن طريق

النقر بزر الماوس الأيمن على نافذة Project.

 

 

 

 

 

قوالب جاهزة

 

اختيار قالب النشاط


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

مثال، لإنشاء شاشة تسجيل دخول لمستخدمي التطبيق، أضف نشاطاً بإستخدام قالب نشاط تسجيل الدخول.

يغطي هذا القسم قوالب النشاط الشائعة الإستخدام، لتطبيقات الهاتف والأجهزة اللوحيه.

يوفر اندرويد ستوديو أيضاً قوالب لأنواع مختلفة من الأجهزة، بما في ذلك OS، و Android TV، و Cloud App Engine.

يمكنك عرض قوالب لهذه النماذج المختلفة عند إنشاء نموذج التطبيق. القوالب متاحة أيضاً لمزيد من واجهات برمجة التطبيقات..

الخاصة بالأنشطة والنماذج مثل إعلانات قوقل AdMobs وخرائط قوقل. توفر لك قوالب الهاتف والأجهزة اللوحية التالية مكونات كود..

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

يمكن أن تعمل كلٍ منها إما كنموذج تطبيق كامل أو كنشاط فردي.

 

 

النشاط الرئيسي

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

 

 

يتضمن هذا القالب:

  • AppBar “شريط التطبيق”
  • FloatingActionButton “زر إجراء عائم”
  • ملفي مخطط: واحد للنشاط والآخر لفصل محتوى النص

 

 

 

نشاط التنقل السفلي

 

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

إستخدم هذا القالب عندما يحتوي التطبيق على ثلاث إلى خمس وجهات من المستوى الأعلى.

لمزيد من المعلومات، راجع إرشادات تصميم مكون التنقل السفلي.

 

يتضمن هذا القالب:

  • AppBar “شريط التطبيق”
  • ملف مخطط واحد مع عينة مخطط للتنقل السفلي

 

 

 

 

 

نشاط فارغ

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

 

 

يتضمن هذا القالب:

  • ملف مخطط واحد مع محتوى النص

 

 

 

 

نشاط ملء الشاشة

ينشئ هذا القالب تطبيق يتناوب بين “عرض ملء الشاشة الأساسي” و “العرض القياسي”، بإستخدام عناصر تحكم واجهة المستخدم القياسية (UI).

عرض ملء الشاشة هو الإعداد الإفتراضي، ويمكن للمستخدم تنشيط العرض القياسي من خلال لمس شاشة الجهاز.

يتضمن هذا القالب:

  • “تنفيذ مستمع لمس” لإخفاء عناصر العرض القياسية
  • زر يظهر على العرض القياسي ولكن لا يفعل أي شيء
  • AppBar شريط تطبيق للعرض القياسي
  • ملف مخطط واحد مع كلٍ من: عرض ملء الشاشة و مخطط إطار لعناصر العرض القياسية

 

 

 

نشاط تسجيل الدخول

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

يستخدم غالباً كقالب نشاط أكثر من قالب نموذج تطبيق.

يتضمن هذا القالب:

  • تنفيذ AsyncTask لمعالجة عمليات الشبكة، بشكلٍ منفصل عن تسلسل واجهة المستخدم الرئيسية
  • مؤشر للتنقل خلال عمليات الشبكة
  • ملف مخطط واحد يحتوي على واجهة مستخدم “تسجيل الدخول” الموصى بها:

– حقلي إدخال البريد الإلكتروني و كلمة المرور

– زر تسجيل الدخول

 

 

 

قوالب جاهزة

 

تدفق التفاصيل\الأصول

هذا القالب ينشئ تطبيق يحتوي على كلٍ من “عرض قائمة العناصر” و “عرض التفاصيل” لعنصر فردي. يؤدي النقر على..

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

يتضمن هذا القالب:

  • نشاط يمثل قائمة العناصر
  • خيارات النشاط والشظيه لعرض تفاصيل عنصر واحد
  • زر إجراء عائم FloatingActionButton على كل شاشة
  • شريط أدوات قابل للطي، لشاشة تفاصيل العنصر
  • ملفات مخطط مصادر بديلة، لمختلف تكوينات الأجهزة

 

 

 

نشاط أدراج التنقل

هذا القالب ينشئ نشاط رئيسي Basic Activity يحتوي على قائمة تنقل. يمتد شريط التنقل من الجانب الأيسر أو الأيمن لتطبيقك..

و يظهر بالإضافة إلى شريط التطبيق الإعتيادي.

يتضمن هذا القالب:

  • تنفيذ درج تنقل بإستخدام DrawerLayout، معالجات أحداث مطابقة، نموذج خيارات القائمة
  • AppBar
  • FloatingActionButton
  • ملفات مخطط لدرج التنقل، و رأس درج التنقل، بالإضافة إلى تلك من قالب النشاط الرئيسي.

 

 

 

 

 

نشاط التمرير

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

شريط الأدوات الذي يمكن إستخدامه كرأس، يتقلص تلقائياً، ويختفي زر الإجراء العائم.

يتضمن هذا القالب:

  • شريط أدوات قابل للطي، بدلاً من شريط الأدوات الإعتيادي
  • FloatingActionButton
  • ملفي مخطط: واحد للنشاط، و الآخر لفصل محتوى النص إلى NestedScrollView

 

 

 

نشاط الإعدادات

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

يقوم بتوسيع فئة PreferenceActivity وهو شائع الإستخدام كقالب نشاط أكثر من نموذج قالب تطبيق.

هذا القالب يتضمن:

  • نشاط يقوم بتوسيع PreferenceActivity
  • ملفات XML (في مجلد /res/xml الخاص بمشروعك) لتعيين إعدادات العرض

 

 

 

 

 

نشاط التبويب

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

يتم تعريف الأقسام كشظايا يمكن من خلالها التمرير يميناً ويساراً للتنقل.

هذا القالب يتضمن:

  • AppBar
  • محول يقوم بتوسيع FragmentPagerAdapter وينشئ شظية لكل قسم
  • مثيل ViewPager، مدير مخطط للتمرير بين الأقسام
  • ملفي مخطط: واحد للنشاط و الآخر للشظايا المفردة

 

 

 

 

 


للإطلاع على المقال باللغة الإنجليزية أضغط هنا.

الإعلانات

اترك رد