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

[CENTER][SIZE="4"]
دليلك لتصبح مطور تطبيقات آيفون (3) : أول تطبيق
18. أغسطس, 2009 34 تعليق
[/SIZE][/CENTER]

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

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

كيفية إنشاء المشروع و معرفة الخطوات اللازمة لذلك.
صناعة واجهة المستخدم للتطبيق لنعتاد علي استخدام XCode و Interface Builder .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[IMG]http://www..com/wp-content/uploads/2009/08/10.png[/IMG]

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

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

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

ثم نختار من نافذة الـ Library -> Inputs & Values -> Label
ونسحب ال Label الي ال Window الخاصة بتطبيقنا و نضغط عليه مرتين لتنشيطة وكتابة النص فيه

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

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

Hello World
عالم ابل
.com
م/ محمد عشرة
بالطريقة التي ذكرتها.

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

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

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

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

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

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

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

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

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