اطلاعیه

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

دوره آموزش swift - درس ۳: ساخت اولین اپلیکیشن

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

  • دوره آموزش swift - درس ۳: ساخت اولین اپلیکیشن

    با احترام

    بعد از یادگیری App layout در درس ۲, زمان به نوشتن اولین اپلیکیشن دوره رسیده است.
    در Xcode, المان های گرافیکی که در Superview قرار میگیرند با دو حالت Outlet و Action به کد ها متصل می شوند. اگر به طور خیلی ساده بخواهیم بگوییم, outlet برای معرفی و نام گذاری تمام المان ها و Action هم برای برای چگونگی کارکرد هر المان است.
    به طور مثال اگر ما در Superview, چهار عکس, label ها. کلید یا هر چیز دیگری داریم نخست می بایست در حالت outlet معرفی شوند و نامی برای آنها انتخاب شود.
    سپس المان کلید که قرار است روی آن کلیک صورت گیرند باید به حالت Action نیز معرفی شود که بتوانیم تعریف کنیم که اگر روی این کلید کلیک می کنیم قرار است چه اتفاقاتی بیوفتد


    اپلیکیشن پیش رو, قرار است کار ساده ای انجام دهد.
    در یک صفحه بدون بکگراند یک ‌button قرار میگیرد ( انتخاب button از object library ) و بعد از کلیک بر روی button یک عکس می بایست در صفحه ظاهر شود , بر روی عکس نیز کلید دیگری می بایست قرار داده شود با کلیک بر روی آن, بتوان به صفحه اول بازگشت.

    نخست می بایست عکس بکگراند, و دو کلید یا همان button را به درون superview درگ کنید

    اجازه بدهید کلید اولی را Play و دومی را Return بنامیم
    بعد از کلیک بر روی هر کلید, در اسلاید بار utlitiles و در بخش Attributes می توان فونت و رنگ کلید را تغییر داد.

    سپس با نگه داشتن کلید control و دراگ کردن کلید ها و بگراند به صورت جدا به بخش کد ها, صفحه جدید کوچکی باز می شود که می توان مشخص کرد آنها Action هستند یا outlet, و سپس برای هر کدام نیز باید نامی برگزید ( مطابق شکل های زیر ). در قدم اول میباسیت دو کلید و بکگراند را به شکل outlet معرفی کرد.





    بعد از انتخاب گزینه مناسب و نوشتن اسم, Xcode کد ها را به شکل زیر می نویسد (کلید returrn را به نام کلید replay در کدها معرفی کردیم )‌

    کد:
    @IBOutlet weak var play: UIButton!
        @IBOutlet weak var replay: UIButton!
        @IBOutlet weak var background: UIImageView!

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

    همانطور که می بینید المان های درون outlet به شکل var که همان variable یا متغیر هستند تغریف می شوند. به طور خلاصه متغیر ها یک فضا در حافظه می باشد که به یک نام ذخیره می شود و دسته های مختلفی دارند.
    پیشنهاد می شود که بیشتر پیرامون مفهوم متغیر ها در جزوه های برنامه نویسی و جزوه های زبان swift بخوانید

    خوب بعد از معرفی سه المان ما, باید به این نکته توجه کنیم که کدام المان ها در صفحه اول و کدام ها در صفحه دوم هستند.
    در این کیس, کلید Play فقط در صفحه اول است و کلید return و عکس background در صفحه دوم هستند.

    بنابراین می بایست المان هایی که در صفحه اول جای ندارند را به حالت مخفی در آورد که در هنگام بالا آمدن اپلیکیشن خبری از آنان نباشد. بنابراین با انتخاب آنها و رفتن به اسلاید بار utlities و در بخش Attributes, تیک Hidden را فعال می کنیم. این کار رو برای کلید return و بکگراند انجام می دهیم



    حال به بخش action ها می رسیم. در اینجا ما دو کلید به نام ها play و return داریم که قرار است کاری انجام دهند, و آن کار چیست؟
    قرار است که بگوییم وقتی روی کلید Play کلیک می کنیم:
    کلید play ناپدید شود و کلید return و بگراند ظاهر شوند

    و وقتی روی reutrn می زنیم:
    خود کلید reutrn و بکگراند حذف شوند و کلید play دوباره ظاهر شود.

    برای اینکار ها نخست کلید play را با نگاه داشتن control به بخش کد ها درگ می کنیم و اینبار گزینه action را انتخاب می کنیم و اسم این حرکت هم pressPlay می نامیم. در کد ها کلید play بهمراه یک گیومه باز و بسته منتشر می شود که درون گیومه, باید کار انجام شده معرفی شود. کد به شکل زیر خواهد شد.

    کد:
      @IBAction func pressPlay(sender: AnyObject) {
            play.hidden = true
            replay.hidden = false
            background.hidden = false
    }
    در این گیومه مشخص شده است که وقتی روی play کلیک شود کلید play مخفی شود و دو گزینه دیگر از حالت مخفی خارج شوند

    برای کلید Return هم کد به این شکل خواهد شد ( دقیقا بر عکس کلید Play)

    کد:
       @IBAction func pressReturn(sender: AnyObject) {
            play.hidden = false
            replay.hidden = true
            background.hidden = true
        }
    همانطور که مشاهده می کنید المان های بخش Action با function یا تابع ها تعریف می شود. در آینده بیشتر با function ها آشنا می شویم اما بهتر است کمی پیرامون آن بخوانید

    تبریک می گم شما اولین اپلیکیشن را نوشتید. حال اگر آنرا run کنید نتیجه کار را مشاهده می کنید ( App layout یادتان نرود !‌ )‌


    حال کاری برای دوستانی که با ما این دوره را شروع کردند. لطفا سه صفحه اپلیکیشن بنویسید که در هر صفحه یک بکگراند ( یعنی سه بکگراند ) و در هر صفحه یک کلید باشد
    کلید اول شما را به صفحه دوم, کلید دوم شما رو به صفحه سوم و در نهایت کلید سوم شما رو به صفحه اول برگرداند.


    موفق باشید.


    i-phone.ir
    The Best or Nothing



    Twitter : Rouzbeh7000
صبر کنید ..
X