اطلاعیه

Collapse
هیچ اطلاعیه ای هنوز ایجاد نشده است .

آموزش Xcode برای iOS به زبان بسیار ساده!

Collapse
X
 
  • فیلتر
  • زمان
  • نمایش
پاک کردن همه
new posts

  • آموزش Xcode برای iOS به زبان بسیار ساده!

    سلام
    در یک دوره کوتاه ۶ ماهه٬ اپل دوبار سیستم عامل آی فون را دستکاری کرد. اولین بار در فوریه ۲۰۱۰ همزمان با معرفی آی پد بود چرا که این دستگاه یک تبلت بود با سیستم عامل آی فون و می توانست در همان ابتدا بیشتر از ۲۵۰ هزار برنامه ی آی فون را اجرا نماید و دفعه ی دوم اپل در آوریل نسخه ی بزرگ بعدی سیستم عامل آی فون را معرفی و در ژوئن آن را ارائه داد. این نسخه به iOS 4 معروف است و به همراه آن یک SDK جدید ارائه شد که توسط آن برنامه نویسان می توانند از ویژگی های جدید iOS 4 در برنامه هایشان استفاده نمایند. ویژگی هایی نظیر اجرای برنامه ها در پس زمینه.

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

    البته برنامه نویسی آی فون و آی پد یک مطلب بسیار بزرگ است اما هدف من از این سری مطالب آموزشی آشنایی شما با مفاهیم اولیه و کمک به یادگیری معماری زیرساخت SDK می باشد. توضیح همه ی مطالب در مورد برنامه نویسی آی فون خارج از موضوع این سری مطالب آموزشی می باشد اما من مطمئن هستم که بعد از دنبال کردن این سری از پست ها و انجام تمرین های آن! شما آماده ی انجام پروژه های برنامه نویسی آی فون و آی پد خود خواهید شد و از اینجا به بعد راه خود را پیدا خواهید کرد.

    این مطالب به درد چه کسانی خواهد خورد؟

    این سری از مطالب برای کسانی است که می خواهند برنامه نویسی آی فون و آی پد را شروع کرده و از iPhone SDK استفاده کنند. برای استفاده حداکثری از این مطالب داشتن اطلاعات در مورد برنامه نویسی و برنامه نویسی شئ گرا بسیار مفید خواهد بود. اگر تا به حال با Objective-C برنامه نویسی نکرده اید نگران نباشید چرا که هرکجا نیاز به آن باشد در داخل خود مطالب در مورد آن صحبت خواهد شد.

    نکته : تمام مثال ها و تصاویر این سری از مطالب آموزشی با iPhone SDK 4.0 ساخته و آزمایش شده اند و ممکن است اگر از ورژن دیگری از SDK استفاده کنید کمی متفاوت باشند.

    برای استفاده از این مطالب آموزشی به چه چیزهایی نیاز دارید؟

    بیشتر مثال ها در iPhone Simulator که در داخل iPhone SDK موجود است اجرا می شود. برای مثال هایی که احتیاج به سخت افزار دارند مانند accelerometer ٬ به آی فون یا آی پد واقعی احتیاج دارید اما در کل احتیاجی به داشتن آی فون و آی پد نیست. البته خود iPhone SDK تنها بر روی سیستم عامل مک نصب می شود و برای استفاده از آن احتیاج به یک کامپیوتر مک نیز دارید.
    منبعpplestan

  • #2
    به دنیای برنامه نویسی آی فون خوش آمدید! اینکه شما الان در حال خواندن این مطلب هستید نشان می دهد که به برنامه نویسی علاقه دارید و می خواهید برنامه های آی فون و آی پد خودتان را نوشته و به ده ها هزار برنامه نویسی که برنامه هایشان در App Store قرار گرفته است بپیوندید.



    در این مطالب زیر را خواهید خواند :

    - iPhone SDK را چطور بدست بیاوریم

    - Component های موجود در iPhone SDK

    - ویژگی های ابزارهای برنامه نویسی – xCode ٬ Interface Builder ٬ iPhone Simulator

    - قابلیت های iPhone Simulator

    - معماری iPhone OS

    - خصوصیات iPhone



    یک ضرب المثل چینی می گوید : برای انجام یک عملیات ابتدا ابزارهایتان را تیز کنید. برنامه نویسی موفق ابتدا به این احتیاج دارد که ابزارتان را به درستی بشناسید. البته در مورد برنامه نویسی آی فون این بدین شکل است که حتی قبل از شروع باید چند ابزار را بشناسید. بنابراین در این قسمت ابزارهای مرتبط و اطلاعاتی که برای شروع برنامه نویسی آی فون احتیاج دارید را معرفی خواهیم کرد.



    بدون هیچ حرف اضافه ی دیگری به این کار می پردازیم.



    بدست آوردن iPhone SDK

    برای برنامه نویسی آی فون٬ ابتدا می بایست به عنوان یک برنامه نویس آی فون خود را در iOS Dev Center - Apple Developer ثبت نام نمایید. ثبت نام در اینجا رایگان می باشد و به شما دسترسی به iPhone SDK ( کیت توسعه نرم افزار ) و منابع به دردبخور دیگری که برای شروع کار نیاز دارید را می دهد.



    بعد از ثبت نام٬ می توانید iPhone SDK را دانلود نمایید.



    قبل از نصب iPhone SDK مطمئن شوید که پیش نیاز های زیر را دارا می باشید:

    - تنها مک های اینتلی پشتیبانی می شوند٬ پس اگر از نوع پردازنده ی دیگری استفاده می کنید( مانند G4 و G5 های قدیمی ) نمی توانید SDK را نصب کنید.

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



    پیشنهاد می شود که حتما یک آی فون/آی پد واقعی داشته باشید٬ البته حتما نیازی بهش نیست. برای تست برنامه هایتان می توانید از iPhone Simulator داخل خود SDK استفاده کنید که به شما امکان شبیه سازی یک آی فون یا آی پد را می دهد. البته برای تست برخی ویژگی های سخت افزاری مانند GPS ٬ accelerometer و چیزهایی شبیه به اینها نیاز به دستگاهی واقعی دارید.



    وقتی دانلود SDK به پایان رسید می بایست آن را نصب کنید.




    اگر در هنگام نصب با تنظیمات پیش فرض کاری نداشته باشید. ابزارهای مختلفی در فولدر /Developer/Applications نصب خواهد شد.





    Component های iPhone SDK

    iPhone SDK از ابزارهای برنامه نویسی مختلفی به شرح زیر تشکیل شده است:

    - Xcode : محیط برنامه نویسی یکپارچه ( IDE ) که به شما امکان مدیریت٬ ویرایش و دیباگ پروژه هایتان را می دهد

    - Dashcode : محیط برنامه نویسی یکپارچه ( IDE ) که به شما امکان نوشتن برنامه های تحت وب iPhone و iPad و ویجت های دشبورد را می دهد. Dashcode خارج از مبحث این سری آموزشی می باشد.

    - iPhone Simulator : یک شبیه ساز نرم افزاری برای شبیه سازی iPhone و iPad بر روی مک

    - Interface Builder : یک ویرایشگر بصری برای طراحی رابط کاربری برای برنامه های آی پد و آی فون

    - Instruments : ابزار آنالیزی برای کمک به بهینه سازی برنامه و مانیتور کردن کمبود حافظه به صورت زنده



    در قسمت بعدی هر کدام از این ابزار ها و ویژگی های iPhone Simulator را خواهیم گفت.

    نظر


    • #3
      Xcode

      برای اجرای Xcode ٬ بر روی آیکن Xcode که به طور پیش فرض در /Developer/Applications قرار گرفته است دوبار کلیک کنید. به صورت جایگرین نیز می توانید از طریق Spotlight عبارت Xcode را تایپ کنید تا آن را برای شما پیدا کرده و بر رویش کلیک نمایید.



      صفحه ی زیر خوش آمد گویی Xcode را نشان می دهد.





      با استفاده از Xcode می توانیدانواع مختلفی برنامه برای iPhone ٬ iPad و Mac OS X بنویسید که template هر کدام از این پروژه ها در تصویر نشان داده شده است.




      هر کدام از این template ها به شما امکان انتخاب پلتفرمی که برای آن می خواهید برنامه نویسی کنید را می دهد. به عنوان مثال iPhone یا iPad.



      توجه کنید که همه ی template های برنامه ها برای آی فون و آی پد موجود نیستند. به عنوان مثال٬ template های برنامه های Navigation-based در آی پد پشتیبانی نمی شوند و برنامه های Split-View در آی فون پشتیبانی نمی شوند.



      IDE در Xcode ابزارها و ویژگی های زیادی را فراهم می کنند که زندگی برنامه نویسی شما را آسان تر می سازد. یکی از این ویژگی ها Code Sense می باشد که لیستی بازشو از کلاس ها و اعضای کلاس مانند متدها٬ Property ها و غیره را که برای شما فراهم است نشان می دهد.






      iPhone Simulator

      شبیه ساز آی فون که در شکل نشان داده شده است٬ یک ابزار کاربردی است که توسط آن می توانید برنامه تان را بر روی یک آی فون/آی پاد تاچ/آی پد تست نمایید. iPhone Simulator در /Developer/Platforms/iPhoneSimulator.platform/Developer/Applications قرار دارد. بیشتر اوقات نیازی نیست تا iPhone Simulator را مستقیما اجرا نمایید. اجرا یا دیباگ یک برنامه در Xcode به صورت اتوماتیک موجب اجرای iPhone Simulator نیز می شود. Xcode برنامه ی شما را به صورت اتوماتیک در iPhone Simulator نصب می نماید.



      iPhone Simulator می تواند نسخه های مختلفی از iOS را شبیه سازی کند . برای پشتیبانی از نسخه های قدیمی SDK ٬ می بایست نسخه های قدیمی تری از SDK را نصب کنید. این قابلیت اگر احتیاج به پشتیبانی از نسخه های قدیمی و تست دیباگ آنها داشته باشید به دردتان می خورد.



      علاوه بر این٬ iPhone Simulator می تواند دستگاه های مختلفی را شبیه سازی کند. مانند آی پد٬ آی فون ( ۳G و ۳GS و ۴ ).




      شبیه ساز آی فون را نشان می دهد که آی فون های قدیمی تر( ۳G ٬ ۳GS ) را شبیه سازی کرده است. نیز آن را در حال شبیه سازی آی پد نشان داده است.







      ویژگی های iPhone Simulator

      شبیه ساز آی فون ویژگی های مختلفی از یک آی فون٬ آی پاد تاچ یا آی پد واقعی را شبیه سازی می نماید. ویژگی هایی که در iPhone Simulator می توانند شبیه سازی شوند به شرح زیر می باشند:



      - چرخش صفحه نمایش: چپ٬ بالا و راست

      - پشتیبانی از ژست های انگشتان :

      - لمس کردن

      - لمس و نگه داشتن انگشت

      - دوبار لمس کردن

      - کشیدن انگشت

      - گرفتن و کشیدن

      دور و نزدیک کردن دو انگشت از هم

      - شبیه سازی هشدار کمبود حافظه



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



      - تماس گرفتن

      - دسترسی به accelerometer

      - ارسال و دریافت SMS

      - نصب برنامه ها از App Store

      - دوربین

      - میکروفون

      - چندین ویژگی OpenGL ES



      توجه داشته باشید که سرعت iPhone Simulator بسیار وابسته به کارآمدی مک شما می باشد و ارتباطی با کارآمدی دستگاه موبایل یا آی پدتان ندارد. بنابراین بسیار مهم است که برنامه ای را که می نویسید حتما بر روی یک دستگاه واقعی تست کنید.



      جدا از محدودیت های شبیه ساز آی فون٬ ابزار بسیار کاربردی ای برای تست برنامه های شما می باشد. این بدین معنی است که حتما قبل از ارسال برنامه تان به App Store می بایست آن را بر روی یک دستگاه واقعی تست نمایید.



      حذف برنامه های نصب شده بر روی iPhone Simulator

      user domain فایل سیستم iPhone OS برای شبیه ساز آی فون در /Library/Application Support/iPhone Simulator/ ذخیره شده است.



      توجه داشته باشید که /Library/Application Support/iPhone Simulator/ به عنوان <iPhoneUserDomain> نیز شناخته می شود.



      تمام برنامه های نصب شده در <iPhoneUserDomain>/<version_no>/Applications/ ذخیره می گردند. هنگامی که یک برنامه بر روی شبیه ساز آی فون نصب می گردد٬ یک آیکن برای آن در صفحه Home ساخته می شود و یک فایل و یک فولدر در فولدر Applications میز ساخته می شود.





      برای حذف یک برنامه مراحل زیر را انجام دهید:

      ۱- بر روی صفحه Home کلیک کرده و نگه دارید تا وقتی که آیکن ها شروع به لرزیدن کنند. حال بر روی برنامه هایی که می تونید آنها را پاک کنید علامت X آمده است.

      ۲- بر روی X بزنید در برنامه ای که می خواهید پاک کنید بزنید.

      ۳- یک پنجره باز می شود تا از شما بپرسد از حذف آن برنامه اطمینان دارید یا خیر. بر روی Delete بزنید تا پاک کردن برنامه تایید گردد.



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

      راحت ترین راه برای بردن iPhone Simulator به حالت اولیه اش انتخاب آن و زدن بر روی Reset Content and Settings می باشد.

      در قسمت بعدی در مورد Interface Builder و معماری سیستم عامل آی فون صحبت خواهیم کرد.
      منبعpplestan
      ویرایش توسط diabyte : https://i-phone.ir/forums/member/48692-diabyte در ساعت 10-07-2011, 09:40 PM

      نظر


      • #4
        Interface Builder یک ابزار شهودی است که به شما امکان طراحی رابط کاربری برای برنامه های آی فون/آی پد را می دهد. با استفاده از Interface Builder می توانید View های مختلف را گرفته و بر روی پنجره ها بیاندازید و سپس view های مختلف را با Outlet ها و Action ها مرتبط کرده تا بتوانند به صورت برنامه ریزی شده با کد شما تعامل داشته باشند.

        توجه داشته باشید که Outlet ها و Action ها را بعدا توضیح خواهیم داد و نگران آنها نباشید.

        شکل پنجره های مختلفی را در Interface Builder نشان می دهد.






        Instruments

        برنامه ی Instruments به شما قابلیت دنبال کردن پویا و Profile کردن کارآمدی برنامه های Mac OS X ٬ iPhone و iPad را می دهد.





        با استفاده از Instruments می توانید کارهای زیر را انجام دهید:

        - تست استرس برنامه تان

        - مانیتور کردن برنامه تان برای کمبود حافظه

        - درک کامل رفتار اجرایی برنامه شما

        - دنبال کردن مشکلات سخت برنامه شما

        توجه نمایید که صحبت در مورد برنامه ی Instruments خارج از موضوع این سری مطالب است.

        معماری سیستم عامل آی فون

        با اینکه در این مطالب نمی خواهیم خیلی وارد این معماری شویم٬ اما فهم برخی از ویژگی های مهم آن بسیار کارآمد می باشد. شکل لایه های مختلفی که سیستم عامل مک و iPhone OS را تشکیل داده اند نشان می دهد. این معماری در آی فون٬ آی پاد تاچ و آی پد استفاده می شود.



        توجه کنید که سیستم عامل آی فون و سیستم عامل مک از نظر معماری بسیار شبیه یکدیگر هستند و تنها تفاوتشان این است که لایه ای بالایی در آی فون Cocoa Touch است و در مک Cocoa Framework

        لایه ی پایینی Core OS می باشد که بنیاد سیستم عامل است. وظیفه ی این لایه مدیریت حافظه٬ فایل سیستم٬ شبکه و کارهای دیگر سیتم عامل می باشد. این لایه مستقیما با سخت افزار در ارتباط است. Core OS از کامپوننت هایی نظیر زیر تشکیل شده است:

        - کرنل OS X

        - Mach 3.0

        - BSD

        - Socket ها

        - امنیت

        - مدیریت نیرو

        - Keychain

        - Certificate ها

        - فایل سیستم

        - Bonjour



        لایه ی Core Services یک تجرید را بر روی سرویس هایی که توسط لایه ی Core OS فراهم می شوند ارائه می دهد. این لایه دسترسی بنیادی به سرویس های سیستم عامل آی فون را فراهم کرده و از کامپوننت های زیر تشکیل شده است:

        - Collection ها

        - Address Book

        - شبکه

        - دسترسی فایل

        - SQLite

        - Core Location

        - سرویس های Net

        - Threading

        - Preferences

        - ابزارهای URL



        لایه ی Media سرویس های مالتی مدیا را فراهم می کند که می توانید در برنامه های آی فون و آی پد استفاده نمایید و از کامپوننت های زیر تشکیل شده است:

        - Core Audio

        - OpenGL

        - Audio Mixing

        - Audio Recording

        - Video Playback

        - JPG,PNG,TIFF

        - PDF

        - Quartz

        - Core Animation

        - OpenGL ES



        لایه ی Cocoa Touch یک لایه ی تجرید فراهم کرده تا کتابخانه های مختلفی را برای برنامه نویسی آی فون و آی پد نظیر مثال های زیر ارائه دهد:

        - event های Multi-Touch

        - کنترل های Multi-Touch

        - Accelerometer

        - View Hierarchy

        - Localization

        - Alert ها

        - Web View ها

        - People Picker

        - Image Picker

        - کنترلرها



        در برنامه نویسی آی فون٬ تمام عملیات ها در هر لایه در Framework های مختلفی نمایان می شوند که در مطالب بعدی استفاده از هر کدام از این Framework ها را در پروژه تان یاد خواهید گرفت.

        توجه کنید که Framework یک کتابخانه نرم افزاری است که عملیات های خاصی را فراهم می کند.

        آزمایش بر روی دستگاه های واقعی

        یکی از ایرادات معروف در مورد برنامه نویسی برای آی فون و آی پد این است که چقدر اپل تست نرم افزار بر روی دستگاه های واقعی را سخت کرده است. به دلایل امنیتی٬ اپل الزام کرده است که تمام برنامه ها با یک certificate واقعی sign شوند. و برای تست برنامه ها حتما باید یک Developer Certificate داشته باشید.

        بدین منظور می بایست در iPhone Developer Program ثبت نام کرده و درخواست نصب Developer Certificate را بر روی دستگاه تان بدهید.

        رزولوشن صفحه نمایش

        آی فون ۴ یک دستگاه زیبا با رزولوشن صفحه نمایش بسیار بالا می باشد. صفحه نمایش ۳.۵ اینچی آن دارای پشتیبانی از مالتی تاچ است و رزولوشن ۹۶۰ در ۶۴۰ را با ۳۲۶ ppi داراست.( شکل ۱-۱۷ را ببینید. در هنگام برنامه نویسی باید دقت کنید که به خاطر وجود status bar رزولوشن شما به ۹۲۰ در ۶۴۰ کاهش پیدا می کند. البته می توانید در برنامه تان Status Bar را حذف کرده و از رزولوشن کامل ۹۶۰ در ۶۴۰ استفاده نمایید.

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

        توجه داشته باشید که در مورد چرخش صفحه نمایش بعدا بیشتر توضیح خواهیم داد.



        آی فون های قدیمی تر ( ۳GS و ۳G ) و آی پاد تاچ قدیمی رزولوشن پایین تری دارند. رزولوشن صفحه آنها ۴۸۰ در ۳۲۰ می باشد که دقیقا یک چهارم آی فون ۴ است.

        در هنگام برنامه نویسی برای آی فون مهم است که بین point و pixel فرق قائل شویم. برای مثال عبارت زیر یک فریم را مشخص کرده است که از نقطه (۱۰و۲۰) با عرض ۲۸۰ point و ارتفاع ۵۰ point کشیده می شود:



        در آی فون های قدیمی یک point به اندازه ی یک pixel بود. بنابراین عبارت بالا دقیقا به pixel ارتباط پیدا می کند. با این حال٬ اگر عبارت بالا در آی فون ۴ ترجمه شود٬ یک point به دو Pixel بر می گردد و شروع کار از پیکسل (۲۰ و ۴۰ ) با عرض ۵۶۰ پیکسل و ارتفاع ۱۰۰ پیکسل انجام می شود. این ترجمه به صورا اتوماتیک در OS اتفاق می افتد و بسیار نیز کارآند می باشد چرا که برنامه های قدیمی براحتی در آی فون ۴ قابل اجرا می گردند.

        آی پد رزولوشن ۱۰۲۴ در ۷۶۸ با ۱۳۲ ppi دارد
        منبع:Applestan

        نظر


        • #5
          در این سری از مطالب خواهید آموخت:

          - ساختن یک پروژه ی جدید iPhone

          - ساختن اولین برنامه iPhone توسط Xcode

          - طراحی رابط کاربری ( UI )* برنامه iPhone توسط Interface Builder

          - چگونگی اضافه کردن آیکن به برنامه iPhone تان



          تا اینجای کار که SDK را نصب کرده اید دیگر آماده ی برنامه نویسی برای آی فون هستید! در کتاب های برنامه نویسی این قسمت کار معمولا با نوشتن یک برنامه ی Hello World! آغاز می شود. این کار باعث می شود که استفاده از ابزارهای مختلف را به سرعت بدون آنکه وارد جزئیات شویم یاد بگیرید. همچنین یک حالت سربلندی نیز برایتان ایجاد می شود که خودتان به شخصه می بینید همه چیز به خوبی کار می کنند و از لحاظ روحی برای یاد گرفتن بیشتر بسیار تاثیر دارد.

          آغار کار با Xcode

          Xcode را اجرا کرده و صفحه خوش آمد گویی را خواهید دید.


          توجه کنید که راحت ترین راه برای اجرای Xcode نوشتن Xcode در Spotlight می باشد.



          برای ساختن یک پروژه ی iPhone جدید منوی File و سپس New Project را انتخاب نمایید. شکل ۲-۲ انواع مختلفی از پروژه ها را که می توانید توسط Xcode بسازید نشان می دهد. پنل سمت چپ دو دسته بندی اصلی را نشان می دهد. iPhone OS و Mac OS X. آی فون از iPhone OS استفاده می کند که به iOS نیز تغییر نام داده است. بنابراین بر روی آیکن Application در زیر لیست iPhone OS کلیک کرده تا انواع مختلفی از تمپلیت های موجود برای برنامه های آی فون برایتان حاضر گردد.

          با اینکه چندین نوع برنامه ی آی فون می توان ساخت٬ در این قسمت بر روی View-based Application بزنید و نوع دستگاه خود را نیز iPhone انتخاب نمایید( می توانید در اینجا iPad را نیز انتخاب کنید ) حال بر روی دکمه ی Choose… بزنید.

          توجه کنید که در قسمت های بعدی در مورد انواع دیگر برنامه های iPhone مانند Tab Bar و Split View-based صحبت خواهیم کرد.

          نام پروژه تان را HelloWorld گذاشته و بر روی Save بزنید. در اینجا Xcode پروژه ی شما را با قالبی که انتخاب کرده بودید می سازد. شکل ۲-۳ فایل و فولدرهای مختلفی که برای پروژه ی شما ساخته می شوند را نشان داده است.

          پنل سمت چپ Xcode گروه ها ( Groups ) را در پروژه نشان می دهد. شما می توانید هر Group یا فولدر را باز کرده تا فایل های داخل آنها را ببینید. پنل سمت راست Xcode فایل های داخل یک Group یا فولدر را که از پنل سمت چپ انتخاب کرده اید نشان می دهد. برای ویرایش یک فایل خاص٬ آن را از لیست انتخاب کرده و ویرایشگر در پایین پنل سمت راست آن فایل را برای ویرایش باز می کند. اگر یک پنجره ی جدا برای ویرایش می خواهید٬ به راحتی بر روی فایل دوبار کلیک کرده تا آن فایل در یک پنجره ی جدید برای ویرایش باز گردد.









          استفاده از Interface Builder

          در این قسمت کار پروژه ی شما هیچ رابط کاربری ای ندارد. برای اثبات این موضوع کافی است Command + R را بزنید( یا منوی Run و سپس Run را انتخاب نمایید ) و برنامه ی شما در iPhone 4 Simulator اجرا می گردد. شکل ۲-۴ صفحه ی خالی iPhone Simulator را نشان می دهد. بهتر است یک نگاهی به آن بیاندازید چرا که در جلوتر کم کم تغییرات را در آن خواهید دید.




          توجه کنید که اگر Simulator را آنگونه که در شکل ۲-۴ نشان داده شده نمی بینید به این علت است که هنوز برای آی فون قدیمی در حال شبیه سازی می باشد. برای تغییر آن کافی است منوی Hardware > Device > iPhone 4 را انتخاب نمایید.

          مطمئنا یک صفحه ی خالی به درد هیچ کاری نمی خورد. بنابراین٬ الان موقع آن رسیده است که یکسری ویژگی بصری به برنامه اضافه کنیم. در لیست فایل های پروژه ی شما به ۲ فایلی که پسوند .xib دارند دقت نمایید. نام های آنها MainWindow.xib و HelloWorldViewController.xib می باشد. فایل های با پسوند .xib بر پایه ی XML می باشند که تعریف رابط کاربری برنامه در آنها قرار دارد. می توان فایل های .xib را چه با دستکاری محتوای XML آنها و چه به شکل راحت تر توسط Interface Builder ویرایش کرد.

          Interface Builder بخشی از iPhone SDK بوده که به شما امکان ساخت رابط کاربری برنامه های آی فون و مک را توسط گرفتن و انداختن می دهد.

          بر روی فایل HelloWorldViewController.xib دوبار کلیک کرده تا Interface Builder اجرا گردد. شکل ۲-۵ Interface Builder را در حال نمایش محتوای HelloWorldViewController.xib نشان می دهد که شامل ۳ عنصر می باشد: File’s Owner ٬ First Responder و View. همانطوری که می بینید پنجره ی Library در حال نمایش View های مختلفی می باشد که می توانید به رابط کاربری برنامه ی آی فون تان اضافه نمایید. پنجره ی View طرح بندی گرافیکی رابط کاربری تان را نشان می دهد. کاربرد هر کدام از پنجره های دیگر را بعدا خواهید دید.




          در پنجره ی Library گزینه ی Label را پیدا کرده و آن را گرفته بر روی پنجره ی View بیاندازید. شکل ۲-۶ را ببینید.



          بعد از آنکه Label اضافه شد آن را انتخاب کرده و منوی Tools > Attribute Inspector را بزنید. در قسمت متن بنویسید Hello World! ( شکل ۲-۷ ) سپس در کنار Layout بر روی center Alignment بزنید.



          در حالی که هنوز Label انتخاب شده است دکمه های Command + T را بزنید تا پنجره ی فونت ها ظاهر شود. را ببینید سایز فونت را به ۳۶ تغییر دهید.




          سپس از پنجره ی Library یک Text Field را گرفته و بر روی پنجره ی View بیاندازید و بعد از آن نیز یک Round Rect Button به آن اضافه نمایید. ویژگی های Round Rect Button را توسط نوشتن Click Me! در قسمت Title تغییر دهید. ( شکل ۲-۹ )



          توجه کنید که به جای مشخص کردن ویژگی های Text یا Title یک View می توانید بر روی آن دوبار کلیک کنید و همانجا متن مورد نظر را بنویسید. بعد از اینکه این کار را انجام دادید٬ می توانید View ها را اندازه دهی کرده و جای آنها را تغییر دهید تا مناسب رابط کاربری تان گردد. Interface Builder یکسری خطوط راهنما برای طرح بندی به شما ارائه می دهد.

          فایل HelloWorldViewController.xib را با زدن Command+S ذخیره نمایید. سپس به Xcode بازگشته و برنامه دوباره اجرا نمایید. ( یادتان که هست با زدن Command + R این کار انجلم می شد ). حال iPhone 4 SImulator رابط کاربری تغییر یافته را نشان می دهد.




          توجه کنید که همیشه حواستان به ذخیره کردن تغییرات در Interface Builder قبل از اجرای برنامه تان در Xcode باشد.

          بر روی Text Field بزنید و ببینید که کیبرد آی فون به صورت اتوماتیک نمایش داده می شود.


          بر روی دکمه ی Home در iPhone 4 Simulator بزنید و می بینید که برنامه تان در آی فون سیولاتور نصب شده است. برای بازگشت به برنامه تان به راحتی بر روی آیکن HelloWorld کلیک نمایید. ( شکل ۲-۱۲ )




          توجه کنید که به صورت پیشفرض در iOS 4 تمام برنامه ها توسط iPhone 4.0 SDK ساخته می شوند و از مالتی تسک پشتیبانی می نمایند. بنابراین هنگامی که دکمه ی Home آی فون را می زنید٬ برنامه تان بسته نمی شود. بلکه به پس زمینه فرستاده شده و متوقف باقی می ماند. با زدن دوباره بر روی آیکن برنامه٬ آن برنامه دوباره به حالت قبلی خود باز می گردد. در قسمت های بعدی در مورد اجرای در پس زمینه ی برنامه های آی فون بیشتر صحبت خواهیم کرد.



          در قسمت بعدی مقداری کدنویسی برای این برنامه ای که رابط کاربری اش را ساختیم انجام خواهیم داد.
          منبع:Applestan

          نظر


          • #6
            تا الان دیگر باید با Xcode و Interface برای نوشتن کمی کد احساس راحتی کنید. در این قسمت کمی از طعم برنامه نویسی آی فون را می چشید.

            در فایل HelloWorldViewController.h می بایست تعریف btnClicked: action را انجام دهید:




            عبارتی که به صورت درشت نوشته شده است یک action ( اکشن ) را می سازد( که معمولا با نام event handler نیز شناخته می شود ) و نام آن btnClicked: می باشد. هنگامی که این action را تعریف کردید کافی است که فایل را ذخیره کرده و به Interface Builder باز گردید.

            قبلا یک پنجره دیدید با نام HelloWorldViewController.xib که در آن سه کامپوننت وجود دارد: File’s Owner ٬ First Responder و View. دکمه ی Control را گرفته و بر روی Round Rect Button ای که قبلا در پنجره ی View ساخته بودیم کلیک نمایید و آن را کشیده و به File’s Owner در پنجره ی HelloWorldViewController.xib برسانید. ( شکل ۲-۱۳ را ببینید ) یک منوی کوچک باز شده در آن اکشن btnClicked: قرار دارد. اکشن btnClicked: را انتخاب نمایید. به صورت دقیق تر کاری که در اینجا انجام دادید وصل کردن و مربوط کردن آن Round Rect Button به اکشن btnClicked: بود تا هنگامی که کاربر بر روی این Button زد در واقع اکشن btnClicked: صدا زده شود.



            در فایل HelloWorldViewController.m کدی را اضافه کنید که پیاده سازی( implementation ) اکشن btnClicked: می باشد:



            کدی که در بالا دیدید یک پیغام هشدار ( alert ) نمایش می دهد که در آن نوشته شده : iPhone, here I come!.


            به همین راحتی! حال به Xcode بازگردید و برنامه را اجرا کنید. این بار اگر بر روی دکمه بزنید یک پیغام هشدار در صفحه نمایش داده خواهد شد.


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

            همانطوری که در قبل دیدید برنامه ی شما در صفحه ی آی فون یک آیکن سفید پیش فرض دارد. دستکاری این آیکن امکان پذیر است. هنگامی که می خواهید آیکنی را برای برنامه ی آی فون یا آی پد ای که نوشته اید بسازید موارد زیر را در نظر داشته باشید:

            - برای آی فون آیکن شما می بایست ۵۷ در ۵۷ پیکسل بوده ( البته برای آی فون ۴ و آی پاد تاچ ۴G می تواند ۱۱۴ در ۱۱۴ باشد ) و یا ۷۲ در ۷۲ برای آی پد. البته سایزهای بزرگتر نیز قبول می شود چرا که iOS خودش آنها را سازدهی دوباره می کند. برای گذاشتن برنامه تان در App Store همچنین اجتیاج به یک نسخه ی ۵۱۲ در ۵۱۲ پیکسلی از آیکن خود خواهید داشت.

            - گوشه های آیکن خود را تیز بسازید چرا که آی فون خودش آنها را گرد کرده و یک سطح براق نیز به آنها می دهد. ( البته می توان این ویژگی را غیرفعال کرد ).

            توجه کنید که اپل خودش یکسری سوال و جواب در مورد آیکن ها در آدرس زیر قرار داده :

            Loading…

            برای آنکه افکت سطح براق را از روی آیکن خود بردارید می بایست یک key با نام UIPrerenderedIcon به فایل HelloWorld-Info.plist در پروژه ی Xcode خود اضافه کرده و مقدار آن را YES بگذارید. برای اطلاع بیشتر از Key هایی که می توانید در این فایل استفاده کنید به آدرس زیر بروید :

            Loading…

            راهنمای زیر نشان می دهد که چطور یک آیکن به برنامه تان اضافه کنید تا آی فون به جای آن آیکن سفیدرنگ از آن استفاده نماید:

            ۱- برای اضافه کردن یک آیکن به برنامه تان یک تصویر را بگیرید و به داخل فولدر Resources پروژه تان بیاندازید. ( شکل ۲-۱۵ ) از شما پرسیده می شود که آیا یک کپی از تصویری که انداخته اید می خواهید یا خیر. اگر می خواهید یک کپی از تصویر در پروژه تان وجود داشته باشد این گزینه را انتخاب نمایید.

            ۲- فایل HelloWorld-Info.plist را که معمولا با نام info.plist شناخته می شودو در فولدر Resources قرار دارد را انتخاب کرده و مورد Icon file را انتخاب کرده و مقدار آن را نام فایل آیکن خود که مثلا app-icon.png می باشد( شکل ۲-۱۶ ) انتخاب نمایید. در این قسمت تعیین کردید نام فایلی که به عنوان آیکن برنامه مورد استفاده قرار خواهد گرفت چه چیزی باشد.




            ۳- Command + R را بزنید تا برنامه تان اجرا شود و آن را در iPhone 4 Simulator تست نمایید. دکمه ی Home را بزنید تا به صفحه ی Home باز گردید و آیکن جدید اضافه شده را ببینید. ( شکل ۲-۱۷ )



            نمایش یک Splash Screen ( تصویر هنگام اجرای برنامه )

            بیشتر برنامه های آی فون یک Splash Screen در هنگام لود شدن برنامه نمایش می دهند. وظیفه ی این Splash Screen دو چیز می تواند باشد. یکی نمایش نام کمپانی/برنامه و دیگری سرگرم کردن کاربر در هنگامی که برنامه مشغول لود( بارگذاری ) خود در داخل حافظه می باشد.

            توسط Xcode نمایش یک Splash Screen بسیار راحت است. تنها نیاز دارید که یک تصویر با نام Default.png را در برنامه ی خود مثلا در فولدر Resources قرار دهید. این تصویر می بایست رزولوشن ۴۸۰ در ۳۲۰ ( یا ۹۶۰ در ۶۴۰ برای آی فون ۴ و آی پاد تاچ ۴G ) داشته باشد. هنگامی که برنامه ی شما شروع به لود شدن می کند٬ سیستم به طور اتوماتیک این تصویر را نشان دهد و هنگامی که اولین پنجره ی View برنامه ی شما آماده ی نمایش شود آن را مخفی خواهد کرد.

            می توانید این تصویر Default.png را از ابتدا توسط یک برنامه ی ویرایشگر تصویر ساخته یا به راحتی توسط Organizer tool که یکی از قسمت های Xcode می باشد یکی از آنها را داشته باشید. تمام کاری که نیاز است انجام دهید این است که تصاویر را دیده و آن تصویری که دوست دارید را انتخاب نمایید. راهنمای زیر نشان می دهد که چطور یک Splash Screen را توسط Organizer به برنامه تان اضافه نمایید:

            ۱- هنگامی که آی فون شما به مک وصل است٬ Xcode را اجرا کرده و به منوی Window > Organizer بروید.

            ۲- حال می توانید نام دستگاهی که به مک تان وصل کرده اید را ببینید. بر روی دکمه ی Use for Development کلیک کرده و سپس بر روی زبانه ی Screenshots بزنید.

            ۳- تصویر مورد نظر خود را بر روی آی فون تان ببینید ( مثلا تصاویر موجود در Photo Library ) و سپس بر روی دکمه ی Capture کلیک کنید.




            تصویر ۲-۱۸

            ۴- تمام تصاویر Capture شده در سمت چپ پنجره ی Organizer دیده می شوند. تصویری که می خواهید استفاده کنید را انتخاب کرده و بر روی دکمه Save As Default Image… کلیک کنید.

            ۵- در اینجا از شما درخواست می شود تا پروژه ای که می خواهید این تصویر به عنوان default image در آن انتخاب شود را بگویید. نام پروژه را انتخاب کرده ( Hello World ) و بر روی OK کلیک کنید.





            ۶- این تصویر و نامش به فولدر Resources در پروژه ی Xcode شما با نام HelloWorld کپی می شود. ( شکل ۲-۲۰ )




            ۷- Command + R را زده تا برنامه تان را بر روی iPhone 4 Simulator تست نمایید. Splash Screen برای لحظه ای به نمایش در می آید و پنجره ی HelloWorldViewController شما بعد از آن دیده می شود.

            ۸- اگر می خواهید که splash screen برای چند ثانیه قبل از اینکه محو شود نمایشد داده شود می بایست قسمت درشت شده ی کد زیر را در فایل HelloWorldAppDelegate.m بنویسید:




            ۹- Command + R را زده تا برنامه تان را بر روی iPhone 4 Simulator تست نمایید. این بار شما Splash Screen را برای ۵ ثانیه خواهید دید و سپس محو می شود.

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

            در قسمت بعدی در مورد Views ٬ Outlets و Actions صحبت خواهیم کرد.
            منبعpplestan

            نظر


            • #7
              از زحمت و لطف شما بسیار سپاسگذارم . من یکی از ارزو هام این هست که 1 برنامه بتونم برای ایپدم یا ایفون بنویسم و تو اپل استور داشته باشم . من اطلاعاتم در مورد برنامه نویسی صفر هست . و دستگاه مک هم ندارم پس به همین زودی ها هم باید یه مک بخرم و هم زمان مک هم یاد بگیرم یه مقدار در مورد اصطلاح ها توضیح بدین و ساده تر بگبن ممنون میشم
              مصلا ( فایل های با پسوند .xib بر پایه ی XML می باشند) این و من نفهمیدم که چی هست و چیکار میکنه.
              از سریه مک بوک ها چه دستگاهی بگیرم برای این کار air یا pro mc700
              ویرایش توسط soshiance : https://i-phone.ir/forums/member/370-soshiance در ساعت 11-07-2011, 01:13 AM

              نظر


              • #8
                ببینید من هم یه زمانی اینارو می دیدم نمی فهمیدم ولی الان تو عملی می فهفمم
                در ضمن MC 700 خوبه من خودم دارم!

                امیدوار باش
                ویرایش توسط diabyte : https://i-phone.ir/forums/member/48692-diabyte در ساعت 11-07-2011, 08:58 PM

                نظر


                • #9
                  سلام
                  بسیار سپاسگزارم از این پست ولی یک مشکلی داشتم وقتی من روی helloworldViewController.xib دوبار کلیک می کنم یه سری کد میاد نه پنجره Interface Builder

                  نظر


                  • #10
                    چرا ادامه نمیدین؟

                    نظر


                    • #11
                      لطفا ادامه بدین ، استاد گرامی

                      نظر


                      • #12
                        استاد ما منظر ادامه درس هستیم.جالبه

                        نظر


                        • #13
                          نوشته اصلی توسط Diabyte نمایش پست ها
                          به دنیای برنامه نویسی آی فون خوش آمدید! اینکه شما الان در حال خواندن این مطلب هستید نشان می دهد که به برنامه نویسی علاقه دارید و می خواهید برنامه های آی فون و آی پد خودتان را نوشته و به ده ها هزار برنامه نویسی که برنامه هایشان در App Store قرار گرفته است بپیوندید.



                          در این مطالب زیر را خواهید خواند :

                          - iPhone SDK را چطور بدست بیاوریم

                          - Component های موجود در iPhone SDK

                          - ویژگی های ابزارهای برنامه نویسی – xCode ٬ Interface Builder ٬ iPhone Simulator

                          - قابلیت های iPhone Simulator

                          - معماری iPhone OS

                          - خصوصیات iPhone



                          یک ضرب المثل چینی می گوید : برای انجام یک عملیات ابتدا ابزارهایتان را تیز کنید. برنامه نویسی موفق ابتدا به این احتیاج دارد که ابزارتان را به درستی بشناسید. البته در مورد برنامه نویسی آی فون این بدین شکل است که حتی قبل از شروع باید چند ابزار را بشناسید. بنابراین در این قسمت ابزارهای مرتبط و اطلاعاتی که برای شروع برنامه نویسی آی فون احتیاج دارید را معرفی خواهیم کرد.



                          بدون هیچ حرف اضافه ی دیگری به این کار می پردازیم.



                          بدست آوردن iPhone SDK

                          برای برنامه نویسی آی فون٬ ابتدا می بایست به عنوان یک برنامه نویس آی فون خود را در iOS Dev Center - Apple Developer ثبت نام نمایید. ثبت نام در اینجا رایگان می باشد و به شما دسترسی به iPhone SDK ( کیت توسعه نرم افزار ) و منابع به دردبخور دیگری که برای شروع کار نیاز دارید را می دهد.



                          بعد از ثبت نام٬ می توانید iPhone SDK را دانلود نمایید.



                          قبل از نصب iPhone SDK مطمئن شوید که پیش نیاز های زیر را دارا می باشید:

                          - تنها مک های اینتلی پشتیبانی می شوند٬ پس اگر از نوع پردازنده ی دیگری استفاده می کنید( مانند G4 و G5 های قدیمی ) نمی توانید SDK را نصب کنید.

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



                          پیشنهاد می شود که حتما یک آی فون/آی پد واقعی داشته باشید٬ البته حتما نیازی بهش نیست. برای تست برنامه هایتان می توانید از iPhone Simulator داخل خود SDK استفاده کنید که به شما امکان شبیه سازی یک آی فون یا آی پد را می دهد. البته برای تست برخی ویژگی های سخت افزاری مانند GPS ٬ accelerometer و چیزهایی شبیه به اینها نیاز به دستگاهی واقعی دارید.



                          وقتی دانلود SDK به پایان رسید می بایست آن را نصب کنید.




                          اگر در هنگام نصب با تنظیمات پیش فرض کاری نداشته باشید. ابزارهای مختلفی در فولدر /Developer/Applications نصب خواهد شد.





                          Component های iPhone SDK

                          iPhone SDK از ابزارهای برنامه نویسی مختلفی به شرح زیر تشکیل شده است:

                          - Xcode : محیط برنامه نویسی یکپارچه ( IDE ) که به شما امکان مدیریت٬ ویرایش و دیباگ پروژه هایتان را می دهد

                          - Dashcode : محیط برنامه نویسی یکپارچه ( IDE ) که به شما امکان نوشتن برنامه های تحت وب iPhone و iPad و ویجت های دشبورد را می دهد. Dashcode خارج از مبحث این سری آموزشی می باشد.

                          - iPhone Simulator : یک شبیه ساز نرم افزاری برای شبیه سازی iPhone و iPad بر روی مک

                          - Interface Builder : یک ویرایشگر بصری برای طراحی رابط کاربری برای برنامه های آی پد و آی فون

                          - Instruments : ابزار آنالیزی برای کمک به بهینه سازی برنامه و مانیتور کردن کمبود حافظه به صورت زنده



                          در قسمت بعدی هر کدام از این ابزار ها و ویژگی های iPhone Simulator را خواهیم گفت.


                          با سلام
                          دستگاه من macbook ver10.5.8 و xcode 5.1.1 را دانلود کردم با فرمت dmg ولی وقتی میخوام نصبش کنم پیغام does not support architecture را میدهد
                          چه جوری میتونم نصبش کنم ؟؟؟

                          نظر


                          • #14
                            نوشته اصلی توسط khore_64 نمایش پست ها
                            با سلام
                            دستگاه من macbook ver10.5.8 و xcode 5.1.1 را دانلود کردم با فرمت dmg ولی وقتی میخوام نصبش کنم پیغام does not support architecture را میدهد
                            چه جوری میتونم نصبش کنم ؟؟؟
                            ورژن دستگاهتون قدیمیه
                            برای این ورژن ایکس کد، باید دستگاه شما از mountain lion به بالا باشه (mountain lion پشتیبانی می شه)

                            نظر


                            • #15
                              آقا چرا ادامه نمیدین خیلی خوب بود آموزشتون

                              نظر

                              صبر کنید ..
                              X