آموزش از طراحی اسکچ تا اپلیکیشن iOS با Swift و Xcode

سرفصل ها و درس ها

معرفی Introduction

• خوش آمدید و مرور کلی Welcome and Overview

• استفاده از فایل های پروژه Using the Project Files

مبانی طراحی و اسکیس Design and Sketch Basics

• تم های طراحی iOS iOS Design Themes

• دریافت طرح Get Sketch

• با Sketch UI آشنا شوید Get to Know the Sketch UI

• تابلوهای هنری چیست؟ What Are Artboards?

• از نمادهای UIKit استفاده کنید Use UIKit Symbols

• محدودیت های چیدمان در طرح Layout Constraints in Sketch

• با نمادها کار کنید Work with Symbols

• آثار هنری خود را صادر کنید Export your Artwork

ایده، مدل سازی و نمونه سازی Idea, Mockups and Prototyping

• ما یک ایده اپلیکیشن داریم We have an App Idea

• طراحی اپلیکیشن در حال ساخت An App Design in the Making

• نمونه سازی در Sketch Prototyping in Sketch

اولین مراحل توسعه First Development Steps

• ترجمه طراحی برای توسعه Design Translation for Development

• راه اندازی پروژه و مدل داده Project Setup and Data Model

صفحه نمای کلی The Overview Screen

• اولین راه اندازی در Interface Builder First Setup in Interface Builder

• نوار ناوبری را سفارشی کنید Customise the Navigation Bar

• سلول های CollectionView سفارشی Custom CollectionView Cells

• بارگذاری داده های دسته Load Category Data

• نمایش دسته ها در CollectionView Display Categories in the CollectionView

• آماده سازی برای انتخاب تصاویر Preparations for Selecting Images

• Segue و Transfer Data را انجام دهید Perform a Segue and Transfer Data

انتقال های ViewController سفارشی Custom ViewController Transitions

• انتقال های سفارشی: نظریه Custom Transitions: The Theory

• تنظیم اولیه انتقال Basic Transition Setup

• متن انتقال را آماده کنید Get the Transition Context Ready

• انیمیشن را تعریف کنید Define the Animation

• کنترلر انیمیشن و ناوبری Animation & Navigation Controller

• مرحله آخر: ImageViews برای انیمیشن The Final Step: ImageViews for Animation

• بازگشت به نمای کلی: انیمیشن معکوس Back to Overview: Reverse Animation

صفحه انتخاب تصویر و UIScrollView Image Selection Screen & UIScrollView

• دارایی های دکمه صادرات با طرح Export Button Assets with Sketch

• انتقال به نمای کلی Transition Back to the Overview

• رابط کاربری Image Selection UI را تنظیم کنید Setup the Image Selection UI

• محدودیت های طرح بندی خودکار را اعمال کنید Apply Auto Layout Contstraints

• نماهای سفارشی عکس با یک فایل XIB Custom Photo Views with a XIB File

• بارگذاری تصاویر با نمای سفارشی Load Images with Custom View

• صفحه بندی با UIScrollView Paging with UIScrollView

• انتقال سفارشی را زیبا کنید Beautify the Custom Transition

مراحل نهایی و به اشتراک گذاری کارت Final Steps and Sharing Cards

• به روز رسانی پروژه و ویژگی های زمان اجرا Project Update and Runtime Attributes

• انتقال اولیه Segue و انتقال داده Basic Segue Transition and Data Transfer

• انتقال را با Gesture Recognizer شروع کنید Start Transition with Gesture Recognizer

• اشتراک گذاری کارت: ActivityViewController Share a Card: ActivityViewController

نتیجه Conclusion

• مراحل بعدی Next Steps