آموزش ضروری SwiftUI

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

معرفی Introduction

• آنچه شما باید بدانید What you should know

• با SwiftUI، ذهن ها را در اکوسیستم اپل شگفت زده کنید Blowing minds in the Apple ecosystem with SwiftUI

• چند کلمه در مورد Swift Playgrounds 4 A word about Swift Playgrounds 4

1. مفاهیم اولیه SwiftUI و Xcode 1. SwiftUI and Xcode Basic Concepts

• پیش نمایش های ContentView ContentView previews

• یک پروژه جدید SwiftUI برای iOS شروع کنید Start a new SwiftUI project for iOS

• اصلاح کننده ها در بوم و کد Modifiers in canvas and code

• بررسی سریع: عملگرها و آرایه های شرطی Swift review: Conditional operators and arrays

• پنجره کد و بوم The code window and canvas

2. ساخت Views 2. Making Views

• راه حل: نمای رتبه بندی Solution: Ratings view

• مشاهده های فرعی با پارامترها Subviews with parameters

• تکرار با ForEach Iteration with ForEach

• تصاویر و دارایی ها Images and assets

• نمایش تصویر با نمادهای SF Image views with SF symbols

• نما را اضافه کنید Add view

• نماهای متنی Text views

• چالش: نمای رتبه بندی Challenge: Ratings view

• برچسب ها Labels

• چالش: نماها را اضافه کنید Challenge: Add views

• راه حل: اضافه کردن نماها Solution: Add views

• یک نمای پشته را جاسازی کنید Embed a Stack view

• استخراج زیرنمایش ها Extract subviews

3. اصلاح کننده ها 3. Modifiers

• مواد و سایه ها Materials and shadows

• اصلاح کننده های اندازه Size modifiers

• چالش: OrderView را پاک کنید Challenge: Clean up OrderView

• اصلاح کننده های فضا Space modifiers

• اصلاح کننده های شکل Shape modifiers

• راه حل: OrderView را پاک کنید Solution: Clean up OrderView

• اصلاح کننده های مقیاس Scale modifiers

• ارائه دیدگاه ها Presenting views

• پس زمینه های اساسی Basic backgrounds

• نماهای پیوست شده پاکسازی Clean-up joined views

• اصلاح کننده های رنگ Color modifiers

• اصلاح کننده های متن Text modifiers

4. مدل ها و داده ها 4. Models and Data

• چالش: یک دکمه اضافه کنید Challenge: Add a button

• متغیرها و دکمه ها را حالت دهید State variables and buttons

• متغیرهای انتخاب و اتصال Selection and binding variables

• از متغیرهای الزام آور استفاده کنید Use binding variables

• MVC در مقابل MVVM MVC versus MVVM

• یک مدل به view های ریشه اضافه کنید Add a model to root views

• راه حل: یک دکمه اضافه کنید Solution: Add a button

• پروتکل قابل شناسایی The Identifiable protocol

• پر کردن مجموعه ها با List Populating collections with List

5. مدل های پویا 5. Dynamic Models

• راه حل: StatusBarView را اضافه کنید Solution: Add StatusBarView

• متغیرهای محیطی Environment variables

• چالش: StatusBarView را اضافه کنید Challenge: Add StatusBarView

• از ObservedObject در نماها استفاده کنید Use ObservedObject in views

• ایجاد اشیاء قابل مشاهده در مدل ها Create observable objects in models

• متغیرهای محیطی سیستم System environment variables

6. تعامل 6. Interaction

• شبکه های تنبل Lazy grids

• هندسه منطبق Matched geometry

• انتخاب کنندگان Pickers

• روی حرکات ضربه بزنید Tap gestures

• ضامن و استپر Toggles and steppers

• چالش: شبکه مورد علاقه Challenge: Favorites grid

• راه حل: شبکه مورد علاقه Solution: Favorites grid

• راه حل: MenuView را جایگزین کنید Solution: Replace MenuVIew

• انتقال داده ها در انتخابگرها Moving data in pickers

• انیمیشن Animation

• چالش: MenuView را جایگزین کنید Challenge: Replace MenuView

• ورودی متن Text input

7. ناوبری 7. Navigation

• ارائه برگه ها Presenting sheets

• ناوبری پشته Stack navigation

• تعامل لیست List interaction

• راه حل: اشکال زدایی Solution: Debugging

• چالش: اشکال زدایی Challenge: Debugging

• نوارهای برگه Tab bars

• نمای تقسیم ناوبری سه ستونی Three-column navigation split view

• هشدارها Alerts

• نمای تقسیم ناوبری دو ستونی Two-column navigation split view

8. یکپارچه سازی 8. Integration

• SwiftUI به استوری بوردها SwiftUI to storyboards

• کلاس اندازه و چشم انداز Size classes and landscape

• UIViewControllers را اضافه کنید Add UIViewControllers

نتیجه Conclusion

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