كيفية إنشاء تطبيق باستخدام Android Studio: 8 خطوات (بالصور)

جدول المحتويات:

كيفية إنشاء تطبيق باستخدام Android Studio: 8 خطوات (بالصور)
كيفية إنشاء تطبيق باستخدام Android Studio: 8 خطوات (بالصور)

فيديو: كيفية إنشاء تطبيق باستخدام Android Studio: 8 خطوات (بالصور)

فيديو: كيفية إنشاء تطبيق باستخدام Android Studio: 8 خطوات (بالصور)
فيديو: كيفية وضع باسورد على ملف وورد 2007 وكيفية ازالة كلمة السر 2024, مارس
Anonim

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

خطوات

جزء 1 من 4: تثبيت Android Studio

4296302 1
4296302 1

الخطوة 1. قم بتنزيل Android Studio

تأكد من تنزيل الإصدار الصحيح لنظام التشغيل (مثل Windows و Mac و Linux) الذي تستخدمه. تبلغ مساحة التنزيل حوالي 1 غيغابايت وقد يستغرق التنزيل عدة دقائق. استخدم الخطوات التالية لتنزيل Android Studio وتثبيته: تأكد من الحصول على الإصدار الخاص بنظامك.

  • انتقل إلى https://developer.android.com/studio/index.html في متصفح الويب.
  • انقر فوق الزر الأخضر الذي يقول قم بتنزيل Android Studio (تأكد من إدراج نظام التشغيل الصحيح أسفل الزر.)
  • انقر فوق مربع الاختيار بجوار "لقد قرأت البنود والشروط المذكورة أعلاه وأوافق عليها".
  • انقر فوق الزر الأزرق الذي يقول قم بتنزيل Android Studio لـ [نظام التشغيل الخاص بك].
  • افتح ملف التثبيت.
  • اتبع التعليمات التي تظهر على الشاشة
4296302 2
4296302 2

الخطوة الثانية. قم بتثبيت التبعيات (Linux 64 بت فقط)

إذا كان لديك كمبيوتر Linux 64 بت (تجاوز هذه الخطوة إذا لم يكن لديك) ، فسيتعين عليك تثبيت بعض الحزم الإضافية. على نظام يستخدم apt ، أدخل سطر الأوامر: sudo apt-get install libc6: i386 libncurses5: i386 libstdc ++ 6: i386 lib32z1 libbz2-1.0: i386.

  • إذا كان نظامك يستخدم yum ، فأدخل ما يلي بدلاً من ذلك: sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686
  • بدلاً من ذلك ، يمكنك بسهولة تثبيت Android Studio على Ubuntu عن طريق فتح مركز البرامج ، انقر فوق الرمز الذي يشبه العدسة المكبرة في الزاوية العلوية اليمنى وأدخل "Android Studio" في شريط البحث. انقر فوق رمز Android Studio ثم انقر فوق تثبيت لها أيقونة تشبه بوصلة الرسم على شكل "أ" داخل دائرة خضراء.
4296302 3
4296302 3

الخطوة 3. استخراج الأرشيف (linux فقط)

تخطي هذه الخطوة إذا قمت بالتنزيل إذا قمت بتنزيل ملف تثبيت على Windows أو Mac ، أو إذا قمت بتنزيل Android Studio من Software Center على Ubuntu. خلاف ذلك ، قم بالتغيير إلى الدليل الذي قمت بتنزيل الأرشيف فيه. بعد ذلك ، انقر بزر الماوس الأيمن فوقه في مدير الملفات وحدد الخيار "استخراج هنا". أو أدخل "tar -xf downloadName.tar.gz" في سطر الأوامر (استبدل "downloadName" باسم الملف الذي قمت بتنزيله للتو).

4296302 4
4296302 4

الخطوة 4. قم بتشغيل Android Studio

إذا قمت بتنزيل ملف.exe أو.dmg ، فما عليك سوى النقر نقرًا مزدوجًا عليه. إذا قمت بتنزيل ملف أرشيف واستخراجه ، فافتح Terminal وقم بالتغيير إلى الدليل الفرعي "bin" الخاص بالدليل الذي يحتوي على الملفات المستخرجة (عادةً "android-studio"). يتم ذلك عن طريق كتابة cd android-studio / bin. قم بتشغيل الملف "studio.sh" بكتابة./studio.sh.

4296302 5
4296302 5

الخطوة 5. قرر ما إذا كنت تريد استيراد الإعدادات

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

4296302 6
4296302 6

الخطوة 6. قرر ما إذا كنت تريد إرسال بيانات الاستخدام إلى Google

هذا قرار شخصي ولن يغير أي شيء في عملية التثبيت أو البرمجة.

4296302 7
4296302 7

الخطوة 7. انتظر حتى تظهر نافذة

سوف يطلق عليه "معالج إعداد Android Studio". انقر فوق التالي المضي قدما.

4296302 8
4296302 8

الخطوة 8. قرر ما إذا كنت تريد إجراء تثبيت قياسي أو مخصص

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

4296302 9
4296302 9

الخطوة 9. انتظر حتى يتم تنزيل المكونات وانقر فوق "إنهاء"

سيستغرق هذا بعض الوقت ويمكنك فعل شيء آخر في غضون ذلك. عندما يتم تنزيلها ، انقر فوق ينهي.

جزء 2 من 4: بدء مشروع جديد

4296302 10
4296302 10

الخطوة 1. افتح Android Studio

لها أيقونة تشبه بوصلة الرسم على شكل أ داخل دائرة خضراء. انقر فوق الرمز لفتح Android Studio.

4296302 11
4296302 11

الخطوة 2. انقر فوق + بدء مشروع Android Studio جديد

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

4296302 12
4296302 12

الخطوة الثالثة. حدد نشاطًا وانقر فوق "التالي"

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

4296302 13
4296302 13

الخطوة 4. أدخل اسمًا لتطبيقك

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

4296302 14
4296302 14

الخطوة 5. حدد Java كلغة

استخدم القائمة المنسدلة أسفل "اللغة" للاختيار جافا.

4296302 15
4296302 15

الخطوة 6. حدد إصدار Android الذي تريد تصميمه

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

4296302 16
4296302 16

الخطوة 7. انقر فوق "إنهاء"

يؤدي هذا إلى إنشاء مشروع Android Studio جديد. انتظر بضع دقائق بينما يقوم نظام البناء الآلي بإعداد مشروعك.

جزء 3 من 4: برمجة التطبيق

4296302 17
4296302 17

الخطوة الأولى. افهم ما تريد القيام به

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

4296302 18
4296302 18

الخطوة 2. افتح محرر الترجمات

من الممارسات الجيدة استخدام سلاسل من موارد الترجمة فقط ، حتى لو لم تكن تترجم التطبيق. استخدم الخطوات التالية لفتح محرر الترجمات:

  • انقر فوق علامة التبويب التي تقول Activity_main.xml في القمة.
  • انقر فوق القائمة المنسدلة التي تظهر عليها "افتراضي (en-us)" في الجزء العلوي بجوار رمز يشبه الكرة الأرضية.
  • انقر فوق الخيار الذي يقول تحرير الترجمات ….
4296302 19
4296302 19

الخطوة 3. أضف بعض النص

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

  • اضغط على علامة الجمع (+) في الزاوية العلوية اليسرى لمحرر الترجمة لإضافة سلسلة.
  • أدخل مفتاحًا قصيرًا (يشبه هذا اسم المتغير ، على سبيل المثال "main_instruction".)
  • أدخل النص الإنجليزي الكامل بجوار "القيمة الافتراضية" (أي "أدخل رقمين لإضافتهما:").
  • انقر نعم.
  • إذا كنت تريد ، يمكنك إضافة موقع باستخدام الزر الذي يصور كرة أرضية بعلامة + عليها ، ثم ترجمة كل النص إلى تلك الإعدادات المحلية.
4296302 20
4296302 20

الخطوة 4. انقر فوق علامة التبويب activity_main.xml.

يؤدي هذا إلى إغلاق محرر الترجمة والعودة إلى شاشة النشاط الرئيسية. سترى شاشة فارغة بها مربع نص يعرض النص "Hello World!" في المنتصف. في الوقت الحالي ، هذه واجهة عديمة الفائدة إلى حد ما.

4296302 21
4296302 21

الخطوة 5. استبدل عبارة "Hello World

". استخدم الخطوات التالية لاستبدال النص" Hello World! ":

  • انقر فوق مربع النص في المركز.
  • حدد الإدخال المسمى "نص" على الجانب الأيمن.
  • استبدل "Hello world!" باستخدام "@ string / main_instruction" (أو أيًا كان ما يسمى بالمفتاح الذي أنشأته). سيعرض مربع النص الآن النص الذي أدخلته لهذا المفتاح.
  • اسحب مربع النص لأعلى بحيث يكون لديك مساحة للعناصر الأخرى تحته.
  • انقر بزر الماوس الأيمن فوق إدخال "TextView" في القائمة التي تعرض جميع العناصر على الشاشة وحدد تقييد تليها أعلى الوالدين.

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

4296302 22
4296302 22

الخطوة 6. ضع مدخلين رقميين على الشاشة

استخدم الخطوات التالية لإضافة مدخلات رقمية على الشاشة:

  • انقر نص في اللوحة الموجودة على اليسار أسفل "لوحة الألوان".
  • اسحب اثنين رقم (توقيع) المدخلات إلى شاشة المعاينة.
  • استخدم مربع النص المسمى "Id" في لوحة Attributes على اليمين لتغيير المعرفات إلى شيء يمكنك تذكره (مثل "number1" و "number2".) تجنب استخدام المسافات في Id.
  • قم بتقييد مدخلات الأرقام وتوسيطها تمامًا كما فعلت مع مربع النص في الأعلى. يمكنك تجاهل التحذير بشأن فقدان سمة "autoFillHints".
4296302 23
4296302 23

الخطوة 7. ضع زر "إضافة" على الشاشة

استخدم الخطوات التالية لإضافة زر "إضافة":

  • انقر أزرار في اللوحة الموجودة على اليسار أسفل "لوحة الألوان".
  • يجر زر على الشاشة.
  • أضف سلسلة في محرر الترجمة باستخدام المفتاح "text_add" و "Add" كقيمة افتراضية.
  • ارجع إلى "activity_main.xml" واستبدل النص "Button" بـ "@ string / text_add" في لوحة السمات على اليسار
  • امنح الزر معرّفًا وصفيًا ، مثل "buttonAdd" بجوار "Id" في لوحة Attributes على اليسار.
  • قم بتقييد الزر وتوسيطه كما فعلت مع الكائنات الأخرى على الشاشة.
4296302 24
4296302 24

الخطوة 8. أضف سلسلتي الترجمة

افتح محرر الترجمة وأنشئ سلسلتين جديدتين. يجب تسمية أحد "النتيجة" كمفتاح و "نتيجة" كقيمة افتراضية. يجب تسمية الآخر "not_yet_calculated" باعتباره المفتاح و "لم يتم حسابه بعد" كقيمة افتراضية.

4296302 25
4296302 25

الخطوة 9. قم بإضافة مربعي نص آخرين

استخدم الخطوات التالية لإضافة مربعي نص جديدين:

  • عد إلى علامة التبويب "Activity_main.xml".
  • انقر نص في اللوحة الموجودة على اليسار أسفل "لوحة الألوان".
  • اسحب اثنين عرض النص مربعات النص على الشاشة.
  • استبدل السلاسل بتلك التي أضفتها.
  • أعط مربع نص يعرض معرفاً "لم يتم حسابه بعد" مثل "resultOut" في حقل "id" بلوحة Attributes.
  • حصر مربعات النص هذه في الجزء العلوي من الأصل وبداية الأصل.
4296302 26
4296302 26

الخطوة 10. قم بالتبديل إلى "mainActivity.java"

هذا هو الملف الذي يحتوي على كود التطبيق.

4296302 27
4296302 27

الخطوة 11. قم بتعريف المتغيرات الضرورية

سوف تحتاج إلى الحصول على مدخلات المستخدم ، والرد عندما يضغط المستخدم على زر ، وتغيير مربع النص "لم يتم حسابه بعد" إلى نتيجة الحساب. للقيام بذلك ، يحتاج البرنامج إلى "رؤية" العناصر الموجودة على الشاشة. يجب أن تعلن أنها نهائية لأنك لن تغيرها أبدًا بشكل مباشر ، فقط سماتها. لذا اكتب ما يلي في السطر الموجود أسفل وظيفة onCreate () ، بعد السطر الذي يحتوي على "setContentView (). إذا كانت مربعات النص والأزرار لها أسماء مختلفة عن أدناه ، فغيّرها حسب الحاجة. أدخل الرمز يدويًا. لن يعمل إذا قمت بالنسخ واللصق. رمز على النحو التالي:

النهائي EditText num1 = findViewById (R.id.number1) ؛ النهائي EditText num2 = findViewById (R.id.number2) ؛ الزر النهائي buttonAdd = findViewById (R.id.buttonAdd) ؛ النتيجة النهائية TextViewOut = findViewById (R.id.resultOut) ؛

4296302 28
4296302 28

الخطوة 12. إنشاء مستمع للنقرات

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

buttonAdd.setOnClickListener (new View. OnClickListener () {Override public void onClick (View v) {

} });

4296302 29
4296302 29

الخطوة 13. إضافة رمز إلى انقر فوق المستمع

تريد الحصول على مدخلات المستخدم ، وتحويلها إلى أعداد صحيحة ، وإضافتها معًا ، وتغيير نص مربع النص "لم يتم حسابه بعد" إلى النتيجة. أضف الكود التالي أسفل سطر "public void onClick (View v)":

int sum = Integer.parseInt (num1.getText (). toString ()) + Integer.parseInt (num2.getText (). toString ()) ؛ resultOut.setText (Integer.toString (sum)) ،

جزء 4 من 4: اختبار التطبيق

4296302 30
4296302 30

الخطوة 1. إنشاء ملف APK

استخدم الخطوات التالية لإنشاء ملف APK:

  • انقر على يبني التبويب.
  • انقر إنشاء الحِزم / APK (حزم)
  • انقر إنشاء ملف (ملفات) APK.
4296302 31
4296302 31

الخطوة الثانية. انقر على رابط "تحديد الموقع" في النافذة المنبثقة الظاهرة في الزاوية اليمنى السفلية

سيؤدي هذا إلى فتح المجلد مع APK في مدير الملفات.

4296302 32
4296302 32

الخطوة 3. قم بتوصيل هاتف Android الذكي بجهاز الكمبيوتر الخاص بك

استخدم كابل نقل USB / microUSB لتوصيل هاتفك الذكي أو جهازك اللوحي بجهاز الكمبيوتر الخاص بك.

4296302 33
4296302 33

الخطوة 4. انسخ ملف APK على هاتفك الذكي

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

4296302 34
4296302 34

الخطوة 5. ابحث عن ملف APK على الهاتف الذكي

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

4296302 35
4296302 35

الخطوة 6. اضغط على APK

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

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

الخطوة 7. افتح التطبيق على الهاتف الذكي

سيكون له شعار Android أبيض خلف خلفية زرقاء داكنة خضراء كرمز.

4296302 37
4296302 37

الخطوة 8. تحقق مما إذا كان التطبيق يعمل كما هو متوقع

نصائح

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

تحذيرات

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

موصى به: