دليلك لتصبح مطور تطبيقات آيفون (3) : أول تطبيق

By John Amraq

الجمعة، 9 سبتمبر 2011

Share :

Tweet

دليلك لتصبح مطور تطبيقات آيفون (3) : أول تطبيق

18. أغسطس, 2009 34 تعليق

http://www..com/wp-content/uploads/2009/08/HelloWorld.jpg

الإخوة الكرام زوار موقع عالم آبل كما وعدتكم سنبدأ اليوم إن شاء الله بصنع اول تطبيق لنا وهو تطبيق HelloWorld 

ولن نتطرق الي الجزء المتعلق بكتابة الكود اليوم ، بل سنعرف فقط :

كيفية إنشاء المشروع و معرفة الخطوات اللازمة لذلك.

صناعة واجهة المستخدم للتطبيق لنعتاد علي استخدام XCode و Interface Builder .

نبدأ علي بركة الله في تنفيذ المشروع

الخطوة الاولي :

نفتح مجلد Developer الذي يحتوي علي تطبيقات الـ SDK والـ Frameworks

http://www..com/wp-content/uploads/2009/08/1.png

ثم نفتح مجلد Applications الذي يحتوي علي Xcode

http://www..com/wp-content/uploads/2009/08/21.png

ثم نفتح برنامج XCode

http://www..com/wp-content/uploads/2009/08/31.png

الخطوة الثانية :

لإنشاء المشروع نختار New Project من قائمة File ( في XCode )

http://www..com/wp-content/uploads/2009/08/41.png

ثم نختار نوع المشروع وما سنختارة ابسطهم وهو Window Based Application

http://www..com/wp-content/uploads/2009/08/51.png

ونضغط Choose بعد ذلك سيطلب مننا ادخال المسار المطلوب واسم المشروع

http://www..com/wp-content/uploads/2009/08/61.png

سيتم انشاء ملفات المشروع ، وستظهر لك النافذة كما بالصورة التالية ، سنشرح بالتفصيل في المواضيع القادمة وظيفة كل ملف .

http://www..com/wp-content/uploads/2009/08/71.png

طبعا كل من لديه خبرة سابقة في أي IDE مثل Visual Studio سيلاحظ انه لا اختلافات كبيرة بين بيئتي التطوير.

الخطوة الثالثة :

الآن نريد ان نصنع واجهة التطبيق فسنفتح Resources الخاصة بالمشروع و نفتح MainWindow.xib

http://www..com/wp-content/uploads/2009/08/82.png

بعد فتح MainWindow.xib سيفتح لنا الـ Interface Builder وستظهر لنا نافذتين :

النافذة الاولي :

http://www..com/wp-content/uploads/2009/08/10.PNG

والتالية هي الـ Window الخاصة بالتطبيق والتي سنعدل عليها.

نختار من قائمة Tools الـ Library التي تحتوي علي الـ Control او العناصر التي سنضيفها الي تطبيقنا

http://www..com/wp-content/uploads/2009/08/111.png

ثم نختار من نافذة الـ Library -> Inputs & Values -> Label 

ونسحب ال Label الي ال Window الخاصة بتطبيقنا و نضغط عليه مرتين لتنشيطة وكتابة النص فيه

http://www..com/wp-content/uploads/2009/08/13.png

انا صنعت في الصورة السابقة 4 Labels ، و وضعت بها النصوص :

Hello World

عالم ابل

.com

م/ محمد عشرة

بالطريقة التي ذكرتها.

ثم بعد ذلك نحفظ ملف الواجهة باختيار Save من قائمة File في ال Interface Builder

http://www..com/wp-content/uploads/2009/08/14.png

ثم نعود للنافذة الخاصة بالمشروع في Xcode ونضغط علي Build and Go فتظهر لنا نافذة

http://www..com/wp-content/uploads/2009/08/15-300x237.png

ثم نضغط Save all وماهي الا لحظات ويظهر لك الـ iPhone Simulator وبه تطبيقنا 

http://www..com/wp-content/uploads/2009/08/16.png

ان شاء الله في الموضوع القادم ، سنضع النقاط علي الحروف وساضع لكم المصادر التي تعلمت منها ( مصدرها آبل بالطبع ) ، لكن ارجو من الاخوة الذين يريدوا الاستفادة من المواضيع ان يضعوا تعليقا يوضح لغات البرمجة التي سبق لهم دراستها ان وجدت كي اضرب لهم امثله توضح لهم التشابه بين لغة الـ Objective c واللغات الاخرى .

موقع ابل :اتمنى نقل الرابط و فتحه من المتصفح مباشرةً

http://www..com/2009/08/how-to-be-an-iphone-devloper-3/