القائمة الرئيسية

الصفحات

كيفية انشاء تطبيق أندرويد خطوة بخطوة

كيفية انشاء تطبيق أندرويد خطوة بخطوة


 

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

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

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

المتطلبات الاساسية للعمل :

لتتمكن من متابعة هذا الدرس ، ستحتاج إلى:

  •                     ·أحدث إصدار من Android Studio.
  •                     ·جهاز أو محاكي يعمل بنظام Android Marshmallow أو إصدار أحدث.

 

  •                    ·فتح مشروع جديد :

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

في الشاشة التالية ، اختر Add No Activity لأننا لا نريد استخدام أي من القوالب التي يقدمها Android Studio. ثم اضغط على التالي للمتابعة.



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

من ناحية أخرى ، يعد اسم الحزمة معرفًا فريدًا لتطبيقك على Google Play. يجب اتباع اصطلاحات تسمية حزمة Java أثناء تحديدها. على سبيل المثال ، إذا كان اسم تطبيقك هو MyFirstApp وكنت تعمل لدى مؤسسة عنوان موقعها على الويب هو example.com ، فسيكون اسم الحزمة على هذا الشكل "com.example.myfirstapp".

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



سيستغرق Android Studio الآن دقيقة أو دقيقتين لإنشاء المشروع وتكوينه.

  •                    ·انشاء نشاط :

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

لإبقاء هذا البرنامج التعليمي بسيطًا ، سننشئ تطبيقًا بنشاط واحد فقط. لإنشاء النشاط ، في لوحة Project في Android Studio ، انقر بزر الفأرة الأيمن على التطبيق واتبع المسار التالي new> activity> empty activity.

في مربع الحوار المنبثق ، اكتب MainActivity كاسم النشاط ، وحدد خيار Launcher Activity ، واضغط على Finish.

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



  •                    ·انشاء الطبقات :

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

 

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

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

 


<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout

    xmlns:android="https://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".MainActivity">

     

    <!-- More code here -->

     

</androidx.constraintlayout.widget.ConstraintLayout>

ت 

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

 

للسماح للمستخدم


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

 

وفقًا لذلك ، أضف الكود التالي داخل ConstraintLayout:

<TextClock

    android:id="@+id/my_clock"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    app:layout_constraintBottom_toBottomOf="parent"

    App:layout_constraintTop_toTopOf="parent"

    app:layout_constraintLeft_toLeftOf="parent"

    app:layout_constraintRight_toRightOf="parent"

    android:format12Hour="h:mm:ss a"

    android:textSize="32sp"/>

 

<Button

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    app:layout_constraintBottom_toBottomOf="parent"

    android:text="Time in Germany"

    android:onClick="onClickGermany"

    android:id="@+id/germany_button"/>

 

<Button

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    app:layout_constraintBottom_toTopOf="@id/germany_button"

    android:text="Time in India"

    android:onClick="onClickIndia"

    android:id="@+id/india_button"/>


 






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

تعليقات

- . - .