آموزش برنامه نویس IOS قسمت 2 : View Controller و Main.Storyboard

کار با فایل Main.storyboard


باسلام خدمت دوستان itpro.
۱.برنامه Xcode را باز کنید و در منوی سمت راست project خود را انتخاب کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


2.در منوی سمت چپ فایل Main.storyboard را انتخاب کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


3.در منوی سمت راست کلمه button را سرچ کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


4.button را انتخاب کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


5.button را در Main.storyboard خود بکشید(Drag).

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


6.در main.storyboard روی button کلیک کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


7.در منوی سمت راست شما می توانید نام و اندازه و... button را تنظیم کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


8.در منوی سمت راست در این فیلد می توانید نام button خود را انتخاب کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


9.در قسمت Font شما می توانید Font و اندازه نوشته button را تغییر دهید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


10.در قسمت Textcolor شما می توانید رنگ متن button خود را تغییر دهید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


11.در قسمت image شما می توانید یک image برای button خود انتخاب کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


12. برای اجرا کردن برنامه خود روی این دکمه کلیک کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


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

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


14.پس از اجرا کردن برنامه یک پنجره مانند زیر برای شما باز می شود و شما می توانید برنامه خود را تست کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


نکته:شما می توانید object های زیادی مانند button و label و... در View Controller خود استفاده کنید.در این اموزش ما فقط با button کار کردیم.

کار با کلاس View Controller


در نوار سمت چپ کلاس View Controller را انتخاب کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


2.روی این دکمه کلیک کنید تا ۲ فایل را همزمان داشته باشید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


3.از این قسمت فایل Main.storyboard را انتخاب کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


4.برای این که فضای بیشتری داشته باشیم روی این گزینه کلیک کنید تا نوار سمت راست از بین برود.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


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

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


outlet و action در کلاس ViewController


outlet و action چیست؟
outlet:شما برای اینکه در View Controller خود به object های خود دسترسی داشته باشید به outlet نیاز دارید.
action:شما برای اینکه بگویید object یک کار انجام دهد نیاز به actions دارید.

ساخت outlet


1.روی button خود کلیک کنید و control را نگه دارید و button خود را در View Controller خود Drag کنید. یک کادر مانند زیر برای شما باز می شود.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


2.در قسمت name شما می توانید نام Outlet خود را انتخاب کنید.
نکته:شما نباید در هنگام وارد کردن نام Outlet فاصله داشته باشید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


3.روی گزینه connect کلیک کنید.می بینید که outlet شما ساخته شده.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


ساخت action


1.روی button خود کلیک کنید و control را نگه دارید و button خود را در View Controller خود Drag کنید. یک کادر مانند زیر برای شما باز می شود.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


2.قسمت connections را روی actions قرار دهید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


3.در قسمت name شما می توانید نام action خود را انتخاب کنید.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


4.روی گزینه connect کلیک کنید میبینید که action شما ساخته شده است.

اموزش گام به گام برنامه نویسی ios ::: کار با View Controller و Main.Storyboard


نویسنده:محمد مهدی نوری
منبع: tosinso.com
هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخللاقی می باشد.
#کار_با_کلاس_view_controller #کار_با_فایل_main.storyboard #اموزش_برنامه_نویسی_swift
عنوان
1 آموزش برنامه نویس IOS قسمت 1 : آشنایی با محیط کار رایگان
2 آموزش برنامه نویس IOS قسمت 2 : View Controller و Main.Storyboard رایگان
3 آموزش برنامه نویس IOS قسمت 3 : Variables و Playground رایگان
4 آموزش برنامه نویس IOS قسمت 4 : IF Statement و عملگرها رایگان
زمان و قیمت کل 0″ 0
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

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