كيف تبدأ في صناعة أول تطبيق لك في الأندريد ستوديو

 كيف تبدأ في صناعة أول تطبيق لك في الأندريد ستوديو

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

 

·       كيف تبدأ مع Android Studio

لإنشاء تطبيق Android ، تحتاج إلى بيئة تطوير متكاملة (IDE) ، و Android Studio هو IDE الرسمي لإنشاء تطبيقات Android.

1-     قم بتثبيت Android Studio :

لتثبيت Android Studio والبدء في استخدامه ، يكفيك أن تشاهد بعض الفيديوهات التي ستعلمك كيفية استخدام Android Studio.واليك رابط تطبيق Android Studio 

android studeo

 

2-     افهم Android Studio :

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

 

كما هو موضح أسفل شريط Minimum SDK ، مع كل مستوى من مستويات واجهة برمجة التطبيقات ، تزداد الميزات التي يمكنك استخدامها في تطبيقك. ولذلك يحب عليك أن تختار لتطبيقك من مربع الحوار "إنشاء مشروع جديد" من خلال اختيارمستوى يشتمل على مُقدِّر للنسبة المئوية للأجهزة التي سيتم تشغيل تطبيقك عليها. 

سيُطلب منك بعد ذلك تحديد تخطيط التطبيق الخاص بك. دعنا نختار نشاط  Activity فارغ حتى يكون لدينا مساحة كبيرة للتجربة والتعلم.

بمجرد تسمية نشاطك - دعنا نطلق عليه مثلا اسم MainActivity لهذا البرنامج التعليمي - سيستغرق Android Studio دقيقة لإنشاء مشروعك الأول. الآن ، أمامك محرر الكود الرئيسي حيث ستتمكن من كتابة كود تطبيقك.

 

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

 

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

 

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

 

الآن بعد أن فهمت أساسيات Android Studio ، حان الوقت أخيرًا لإنشاء تطبيق Java Android الأول.

 

3-     تطوير تطبيقات Java Android

الآن ، إذا نظرت إلى الجانب الأيسر من شاشتك ، فسترى مجلدين. أحدهما يحمل رمز تطبيقك وسمي على اسم مشروعك. في هذه الحالة ، سيكون على شكل MyFirstJavaApp. ويحتوي المجلد الآخر على Gradle Scripts ، وهي أداة مجانية يستخدمها Android Studio لتحويل كود تطبيقك إلى ملفات .apk.

 

أولاً ، انقر لفتح مجلد MyFirstJavaApp والوصول إلى رمز التطبيق الخاص بك.

بعد ذلك ، تقوم بالنقر فوق مجلد التطبيق والذي ستجده يحتوي هذا على ثلاثة مجلدات تحتوي على عناصر مختلفة من مشروعك: manifests و java و res.

 

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

 

النشاط الفارغ الذي اخترناه له مخطط قيد ، وهو جذر التسلسل الهرمي ، كما ترى على الشاشة. يحتوي على عنصر واحد فقط ، TextView ، يقول Hello World. تخطيط القيد عبارة عن حاوية لمكونات نشاطك ويساعد في إبقائها منظمة مكانيًا.

 

لديك طريقتان أساسيتان لإجراء تغييرات على تخطيط نشاطك:

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

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

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

 

4- إجراء التغييرات الأولى على تطبيقك

الآن لديك خيارات لا تعد ولا تحصى مفتوحة. لنقم الان بتجربة تغيير TextView قليلاً.

 افتح محرر الكود لترى الكود الخاص بعنصر TextView الذي سيبدو كالتالي:

 

android: text = "Hello World"

 

دعونا نغيرها إلى:

 

android: text = "Bonjour"

 

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

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19

<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.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">       <TextView         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Envato tuts+"         android:textStyle="bold"         app:layout_constraintBottom_toBottomOf="parent"         app:layout_constraintLeft_toLeftOf="parent"         app:layout_constraintRight_toRightOf="parent"         app:layout_constraintTop_toTopOf="parent" />   </android.support.constraint.ConstraintLayout>

الآن ، من علامة التبويب "التصميم" ، نقوم بسحب وإسقاط زر في تطبيقك وتغيير نصه إلى "مرحبا ".

 

هذا هو الكود الذي يولده هذا:

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://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">       <TextView         android:id="@+id/textView2"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Envato tuts+"         android:textStyle="bold"         app:layout_constraintBottom_toBottomOf="parent"         app:layout_constraintEnd_toEndOf="parent"         app:layout_constraintHorizontal_bias="0.501"         app:layout_constraintLeft_toLeftOf="parent"         app:layout_constraintRight_toRightOf="parent"         app:layout_constraintStart_toStartOf="parent"         app:layout_constraintTop_toTopOf="parent"         app:layout_constraintVertical_bias="0.332" />       <Button         android:id="@+id/button"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_marginEnd="8dp"         android:layout_marginStart="8dp"         android:layout_marginTop="48dp"         android:text="Subscribe"         app:layout_constraintEnd_toEndOf="parent"         app:layout_constraintHorizontal_bias="0.501"         app:layout_constraintStart_toStartOf="parent"         app:layout_constraintTop_toBottomOf="@+id/textView2" />   </android.support.constraint.ConstraintLayout>

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

 

4-     جعل تطبيقك تفاعليًا

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

 

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

 

إليك كيف ستكتب الكود:

 {public class MainActivity extends AppCompatActivity

     

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

 

        Button button = findViewById(R.id.button);

         

        button.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                Toast.makeText(MainActivity.this, "Welcome to Envato tuts+ Newsletter", Toast.LENGTH_SHORT).show();

            }

        });

         

    }

}

هكذا سيبدو لك الامر في نعاية المطاف في جهاز هاتفك 

تذكر أن كل زر تضيفه إلى تطبيقك له معرّف محدد لمساعدتك في الرجوع إليه من كود Java.

خاتمة

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