نوشته‌ها

آموزش صفر تا صد برنامه نویسی iOS با Swift

آموزش صفر تا صد برنامه نویسی iOS – اپلیکیشن استاد کارتون – جلسه اول

آموزش صفر تا صد برنامه نویسی iOS با Swift – جلسه اول – اپلیکیشن iOS استاد کارتون

به اولین جلسه از آموزش های پروژه محور برنامه نویسی iOS خوش آمدید.

همون طور که تو ویدیوی معرفی گفته بودم ، قراره اپلیکیشنی بسازیم به اسم استاد کارتون. پیشنهاد می کنم اگه ویدیوی معرفی رو ندیدید حتما ببینید. با دونستن اینکه قراره چه چیزی بسازیم مسیر برامون واضح تره.

و اما چه چیزی قراره تو این جلسه عایدمون بشه؟

تو این جلسه قصد داریم تا نحوه ی ساخت یه پروژه ی جدید با Xcode رو یاد بگیریم. علاوه بر اون با مفاهیمی آشنا می شیم که بسیار کاربردی هستن.

خب بریم که شروع کنیم!

 

ایجاد پروژه جدید در Xcode  

زمانی Xcode رو باز می کنید با همچین پنجره ای رو به رو میشید :

برنامه نویسی ios | برنامه نویسی swif | نرم افزار Xcode | آموزش صفر تا صد برنامه نویسی iOS با Swift

تو قسمت خاکستری رنگ پروژه هایی که اخیرا روش کار میکردید رو می بینید.

اما تو قسمت سفید رنگ که لوگوی خود نرم افزار Xcode هستش ، سه تا گزینه داریم :

۱ – Get started with a playground :

با انتخاب این گزینه یه فایل Playground  ساخته میشه و محیطی رو برای تست و یادگیری زبان سوییفت فراهم می کنه. در حال حاضر از این قسمت استفاده نمی کنیم.

۲ – Create new Xcode project :

با انتخاب این گزینه میتونیم یه پروژه برای iOS و یا هر کدوم از پلتفرمای اپل بسازیم. هدف ما همین گزینه هست.

۳ – Clone an existing project  :

راستش خود من از این گزینه تا الان استفاده نکردم. ولی زمانی که بخواید یه پروژه ای رو از پلتفرم گیت هاب بگیرید و روش کار کنید از این قسمت استفاده می کنید ( اگر نمیدونید گیت هاب چیه فعلا ذهنتون رو درگیرش نکنید کم کم کار باهاش رو یاد میگیرید. )

خب با انتخاب گزینه Create new Xcode project  به مرحله ی بعد میریم.

خب بعد از انتخاب گزینه بالا پنجره ی زیر براتون باز میشه :

برنامه نویسی ios | برنامه نویسی swif | نرم افزار Xcode | آموزش صفر تا صد برنامه نویسی iOS با Swift

 

توجه داشته باشید که حتما تب iOS رو انتخاب کرده باشین و بعد از انتخاب گزینه ی Single View app دکمه Next رو بزنید.

خب  بعد از کلیک روی دکمه Next با چنین پنجره ای رو به رو میشیم.  حالا می خوام تک تک گزینه ها رو توضیح بدم.

برنامه نویسی ios | برنامه نویسی swif | نرم افزار Xcode | آموزش صفر تا صد برنامه نویسی iOS با Swift

۱ ـ Product Name  :

اسم اپلیکیشن. هر چیزی که تو قسمت بنویسیم به عنوان نام اپلیکیشن در نظر گرفته میشه. پس تو انتخابش دقت کنید. اما بدونید که این اسم قابل تغییره.

۲ ـ Team  :

اینجا باید حساب دِوِلوپری اپل (توسعه دهنده اپل) رو ثبت کنید. اگر شما اپل آی دی داشته باشید از طریق وب سایت developer.apple.com می تونید اقدام به ساخت این حساب کنید. ساخت حساب توسعه دهنده ی اپل رایگانه و بخشیش که پولیه مربوط به زمانیه هست که شما بخواید اپلیکیشنتون رو توی اپ استور آپلود کنید که بابتش باید چیزی حدود ۱۰۰ تا ۱۱۰ دلار بدید.

۳ ـ Organization Name  :

تو اینجا باید اسم سازمانتون رو وارد کنید. اگر برای شرکتی کار نمی کنید ، اسم خودتون رو اونجا بنویسید.

۴ ـ Organiztion Identifier :

اینجا باید یه شناسه ی یکتا برای خودتون یا سازمانتون در نظر بگیرید. روش پیشنهادی اینه که اگر وب سایتی دارید ، اسمش رو به صورت برعکس بنویسید. مثلا اگه اسم وب سایتمون iosinswift.com هست به صورت com.iosinswift می نویسیم. اگه وب سایتی ندارید از اسم خودتو استفاده کنید مثلا com.pooyataheri.

۵ ـ Bundle Identifier :

ترکیب Organiztion Identifier  و Product Name میشه Bundle ID. زمانی که میخوایم اپلیکیشنمون رو تو اپ استور بارگذاری کنیم از این شناسه به عنوان ID اَپمون استفاده میشه.

۶ ـ Language  :

زبان برنامه نویسی مورد نظرمون رو از اینجا انتخاب می کنیم. به صورت پیشفرض روی گزینه Swift قرار داره.

اسم اپلیکیشنتون رو OstadCartoon  بزارید و طبق چیزایی که گفتم قسمتای  Organiztion Name و Organiztion Identifier رو پر کنید. اگر مقدار Team برای شما None هست بزارید رو همون حالت بمونه و بعد رو دکمه Next کلیک کنید.

تو پنجره ی پایین از شما میخواد محل ذخیره پروژتون رو مشخص کنید. دسکتاپ رو از قسمت بالا – که برای من نوشته  Desktop – iCloud – انتخاب کنید و رو دکمه Create کلیک کنید.

برنامه نویسی ios | برنامه نویسی swif | نرم افزار Xcode | آموزش صفر تا صد برنامه نویسی iOS با Swift

بعد از اتمام ساخت ، شکل پروژه به صورت زیره :

برنامه نویسی ios | برنامه نویسی swif | نرم افزار Xcode | آموزش صفر تا صد برنامه نویسی iOS با Swift

خب اگر ویدیو ی آشنایی با Xcode رو دیده باشین قسمتای مختلف این نرم افزار رو شرح دادم.

ساختار پروژه و فایل ها در Xcode

و اما یه سری توضیح در رابطه با فایلای موجود در Navigator Panel  :

فایل AppDelegate.swift :

توی این فایل تعدادی متد وجود داره که می تونیم کد های خاصی رو هنگام تغییر وضعیت اپ اجرا کنیم. برای مثال وقتی که اپ از حالت پیش زمینه به حالت پس زمینه میره چه کاری باید انجام بشه. فرض کنید دارید با اپلیکیشنتون کار می کنید و یه دفعه کسی با شما تماس میگیره. ما باید پیش بینی کرده باشیم وقتی اَپمون از حالت Active به حالت In Active در میاد چه اتفاقی باید بیوفته.

فایل ViewController.swift  :

 این فایل زیر کلاس یا ساب کلاسی از UIViewController هست. کلاس UIViewController وظیفه ی مدیریت ویو ها (Views) رو بر عهده داره و کار اصلیش ساخت و مدیریت رابط کاربریه.

فایل Main.storyboard :

 این همون فایل طراحیه رابط کاربریه که به کمکش میتونیم ظاهر اپلیکیشنمونو بسازیم. تو جلسات بعد بیشتر با کارکرد این فایل آشنا میشیم.

فایل LaunchScreen.storyboard :

اگر دقت کرده باشین خیلی از اپلیکیشن ها قبل از بارگذاری صفحه ی اصلی برنامه ، یه صفحه ای  دارن که معمولا لوگو یا برندشون رو نمایش میدن. مثلا اپلیکیشن iOS دراپ باکس از چنین قابلیتی استفاده می کنه و قبل از بارگذاری صفحه ی اولش لوگو و برندشون رو نشون میدن. این فایل هم دقیقا به همین منظور استفاده میشه.

فایل info.plist :

این فایل تنظیمات اصلی برنامه رو تو خودش نگه میداره. علاوه بر این قضیه ، میشه دسترسی های مختلف اپلیکیشن رو اینجا تعریف کرد. به عنوان مثال وقتی میخوایم اجازه دسترسی به دوربین رو از کابر بگیریم از این قسمت استفاده می کنیم. یا مثلا برای استفاده از فونتایی که دوست داریم تو اَپمون به کار بگیریم ، از طریق این فایل فونتامونو تعریف می کنیم.

خب جلسه اول آموزش صفر تا صد برنامه نویسی iOS  به پایان رسید.

از شما دوستان عزیزم می خوام که سوالات و ابهاماتی که براتون پیش اومده رو باهام درمیون بزارید. در ضمن اگر فکر می کنید مطالب ما مفیدن ، اون رو با بقیه هم به اشتراک بزارید.

تا جلسه بعد بدرود.

آموزش برنامه نویسی ios | نرم افزار XCode

نرم افزار Xcode چیست؟ آموزش نصب Xcode و آشنایی با محیط آن + ویدیو

نرم افزار Xcode چیست ؟ آموزش نرم افزار Xcode 10

سلام خدمت همه ی همراهان عزیز آکادمی برنامه نویسی iOS

در  جلسه ی آشنایی با زبان سوییفت ، ویژگی ها و تاریخجه این زبان را بررسی کردیم.

در این جلسه می خواهیم با نرم افزار Xcodeآشنا شویم.

برای برنامه نویسی iOS به تنها نرم افزاری که نیاز داریم همین نرم افزار می باشد به این علت که تمامی ابزار های مورد نیاز برای توسعه اپلیکیشن را در اختیار دارد و ما از این بابت بی نیاز به هر نرم افزار دیگری هستیم.

در این جلسه مسائل زیر را فرا می گیریم :

  • آموزش نصب نرم افزار Xcode
  • آشنایی به محیط Xcode

آموزش دانلود و نصب Xcode 10 :

نصب این نرم افزار بسیار آسان می باشد. تنها کاری که باید انجام دهید این است که به Mac Appstore بروید و در قسمت جستجوی آن عبارت Xcode را تایپ کنید مانند تصویر زیر :

 

 

Xcode چیست | نصب xcode از طریق Mac Appstore

 

البته به دلیل اینکه من از قبل نرم افزار Xcode را دانلود و نصب کرده ام به جای دکمه Get  به من دکمه Open نمایش داده می شود.

حجم نرم افزار Xcode حدود ۶/۱ گیگابایت می باشد پس هنگام نصب نیاز به ترافیک کافی اینترنت دارید.

آشنایی با محیط Xcode 10 :

تا این مرحله با هم مراحل نصب این نرم افزار را بررسی کردیم و دیدیم که نصب آن بسیار راحت می باشد.

از این مرحله به بعد می خواهیم با محیط برنامه نویسی ۱۰ Xcode آشنا شویم و ببینیم که از چه قسمت هایی تشکیل شده است.

نرم افزار XCode | محیط نرم افزار XCode

 

در این بخش به شرح هر یک از این پنل ها می پردازیم.

Navigation Area  یا پنل پیمایش :

در این پنل آیتم های متعددی نهفته است که مهم ترینِ این آیتم ها Project Navigator  ، Search Navigator  و Issue Navigator می باشند.

Project Navigator : این قسمت شامل تمامی فایل های برنامه مانند سورس کد ، تصاویر ، ویدیو ها ، فونت ها ، آیکون ها و فایل تنظیمات برنامه می باشد.

Search Navigator : در این قسمت می توانیم متنی را که در پروژه به دنبالش هستیم پیدا کنیم به عنوان مثال این متن می تواند نام یک فانکشن یا یک متغیر یا حتی نوشته در یک پیغام چاپ باشد.

Issue Navigator : این قسمت تمامی خطا ها و مشکلات برنامه را نشان می دهد.  برای مثال خطا های RunTime ، خطا های کامپایلر و هشدار های مربوط به اشکالات مهم برنامه در این قسمت نمایش داده می شوند.

Editor Area  یا پنل ویرایش :

این قسمت احتمالا جایی هست که بیشترین وقت ما در آن صرف می شود. از برنامه نویسی گرفته تا طراحی رابط کاربری در این قسمت صورت می گیرد.

Utility Area یا پنل ابزار :

یکی از کاربرد های این قسمت هنگام طراحی رابط کاربری می باشد. وقتی که کامپوننتی مانند Button یا Label به صفحه اضافه می کنیم می توانیم ویژگی های مختلف کامپوننت مورد نظرمان را عوض کنیم.

برای مثال وقتی یک Label را انتخاب می کنیم در این پنل می توانیم اندازه فونت ، رنگ پس زمینه ، رنگ نوشته ، نوع فونت ، اندازه آن در کل صفحه و بسیاری دیگر از این نوع موارد را در این قسمت ویرایش کنیم.

Debug Area  یا پنل اشکال زدایی :

این پنل از دو قسمت تشکیل شده است.

قسمت اول این پنل Variable View نام دارد. وقتی در جایی از برنامه از Breakpoint یا نقطه توقف استفاده می کنیم می توانیم در این قسمت مقادیر متغیر های برنامه را مشاده کنیم. این ویو  (View) ی کاربردی به ما کمک می کند تا بفهمیم آیا متغیر ما مقداری دارد یا خیر. مثلا زمانی که قرار است از وب سرویس مقادیر مورد نظرمان را پر کنیم ، می توان از این قسمت تشخیص داد که مقادیر دریافت شده اند یا خیر.

قسمت دوم این پنل Console نام دارد. در این ویو می توانیم پیامی را چاپ کنیم. همچنین پیام هایی را که خود سیستم عامل iOS چاپ می کند را می توان مشاهده کرد. این قسمت یکی از مهمترین اجزای تست برنامه می باشد. بر فرض مثال می خواهیم تست کنیم که آیا یک دکمه در برنامه عمل مورد نظر را انجام می دهد یا خیر. از این قسمت این کار قابل پیگیری می باشد.

در ویدیو ی پایین به موارد بیشتری اشاره کردم. پس اگر ویدیو زیر را ندیده اید پشنهاد می کنم حتما تماشا کنید.

در ضمن بعد از این مقاله قصد داریم که زبان Swift را به صورت پروژه محور یاد بگیریم.

اگر سوال ، نظر یا پیشنهادی در رابطه با مقاله بالا دارید میتوانید در قسمت نظرات ، آن را برای ما ارسال کنید. تمام تلاش ما این است که شما به خوبی این مفاهیم را فرا گیرید.